具有滑動功能的響應式照片牆畫廊

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處理來自文件夾的圖像，並根據需要顯示它們。