一种具有滑动功能的响应式墙式画廊

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函数，以获得所有自定义的特性。(这将在性能和维护方面非常好)

要实现缩放功能，您可以使用一些带有ajax调用的模式窗口或创建。要实现这一点，必须编写良好的css，以便如果您编写良好的css就可以处理按照accordingly.

• For对齐的照片。

1. 是的，您可以通过检测浏览器导航器和更改css和javascript 预处理图像(重新调整大小，动态生成拇指缩略图)来实现这一目的。您可以选择使用php后端解决方案。
   1. ，无需担心，您可以通过Ajax处理文件夹中的图像，并根据需要显示它们。

   G 211