Google圖片背後的javascript如何工作？

Question

最近，谷歌圖片redesigned他們的網站，所以一個大的燈箱打開時，你點擊一個圖像。您可以按箭頭鍵推進照片。有誰知道它是如何工作的？

我假設他們在行之間有div，但他們如何確定行結束的位置或下一個要展開的div的位置？他們是否使用onResize事件重新計算所有內容？

我對jQuery很新，所以這可能是顯而易見的。

編輯：我應該注意，對於我的項目所有的圖像是相同的大小，所以我不需要動態佈局插件。

Answer 1

谷歌似乎使用自己的代碼，但你應該能夠基於以下的客戶端軟件來實現類似：

• jQuery
• 「動態平鋪」的過程，例如。 jQuery插件Masonry
• 「無限滾動」效果，例如。 jQuery插件infinitescroll

請注意，我說「基於」。您還需要提供：

• 服務器端代碼提供數據/ HTML，
• 某種程度上/撰寫/插入/隱藏「收藏夾」（部分由砌體處理），
• 某種方式以提供所需的箭頭鍵功能