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

Question

我正在寻找符合以下条件的javascript / jquery图库，并且很想知道是否有任何现有的图库模块具有所有/大部分功能：

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

2。响应，以便照片墙图像正确地适用于桌面和图像。移动设备，如果用户调整浏览器大小，则重新洗牌。例如。 http://isotope.metafizzy.co/

3。（可选，但可取）。如果用户在移动设备上，请允许他们滑动单张视图图片。

简而言之。用户将转到缩略图墙，选择图片，然后可以刷过更大的放大照片，或者切换回墙。

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

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

Answer 1

看看jQuery Mason：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处理文件夹中的图像并根据需要显示它们。