具有滑动功能的响应式照片墙画廊

Question

我期待构建符合以下条件的javascript/jquery画廊，并且很想知道是否有任何现有的画廊模块具有以下所有/大部分功能：

1.具有缩放（单视图）功能的照片墙。例如。 http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/

2.响应，从而使照片图像壁砖适当桌面&移动设备和洗牌如果用户调整他们的浏览器。例如。 http://isotope.metafizzy.co/

3.（可选但合意）。如果用户在移动设备上，请允许他们滑过单视图图像。

简而言之，用户将进入缩略图墙，选择一个图像，然后可以滑过更多放大的照片，或切换回墙上。

照片将源自服务器上的文件夹。主持人只是相机女孩，他们会通过ftp将数码相机上的图片上传到这个文件夹中 - 他们不会调整/优化图片，所以如果这个过程可能发生在某个过程中，那将会很棒。

我们在PHP/Linux环境中托管。

Answer 1

看一看jQuery的梅森：http://masonry.desandro.com/

它可以作为一个负责任的墙。

你所要求的不叫'变焦'（这是另一种效果），你看起来似乎是什么所谓的灯箱。有很多这些，这里是一个比较，http://planetozh.com/projects/lightbox-clones/

重新大小的图像，你将不得不写一些PHP来使用图像GD或imagemagick，这里是一个教程，http://net.tutsplus.com/tutorials/php/image-resizing-made-easy-with-php/或可能是一个脚本， http://shiftingpixel.com/2008/03/03/smart-image-resizer/（或timthumb.php）。

为了服务他们你将不得不写你的JavaScript的一些PHP。

对于你所要求的东西，你没有全部的解决方案，你将不得不编写它或聘请某人这样做。

Answer 2

据我所知，你必须创建一个插件或写你自己的jQuery功能，让所有的定制功能。（那将是很好的在性能和维护意识）

1. 用于缩放功能，您可以使用ajax调用某些模式窗口，也可以创建。
2. 要实现这一点，您必须编写出色的CSS，以便您的照片按照screen.reshuffle对齐，如果您编写的CSS良好，则会进行处理。
3. 是的，您可以通过检测浏览器导航器并相应地更改CSS和JavaScript来实现此目的。
4. 对于预处理图像（调整大小，动态生成缩略图），您可以选择php后端解决方案。
5. 不用担心，您可以通过Ajax处理来自文件夹的图像，并根据需要显示它们。