在瀏覽器中顯示/滾動圖片堆

Question

我希望能夠快速瀏覽瀏覽器中的大量圖像。簡單的方法（只需加載2000張圖像和滾動）會減慢滾動速度，這是因爲內存中的圖像過多。

我很想聽到關於策略的想法，能夠在瀏覽器中快速滾動10000s圖像（就像在桌面上一樣）。預期的瓶頸會是什麼？如何解決它們？如何僞造東西以使用戶體驗依然良好？狂野的例子？

Answer 1

您將希望在滾動時使用AJAX動態加載圖片。 基本上，您將根據您滾動的距離加載某些圖片。只要不要忘記將那些離開屏幕的內容轉儲出來，以便瀏覽器保持響應。

如果您只想翻閱大量圖片，則可以預先加載未顯示的圖像。 Facebook專輯會預載下一張圖片，以便下一張圖片真的很快。

Answer 2

我認爲RIA是你最好的選擇。 Flex和Silverlight等技術專門用於提供類似於桌面的行爲，而HTML/JS從未真正用於許多圖像。

此外，如果您還沒有看到任何Pivot演示，那麼這些是關於如何在大規模維護良好用戶體驗的一些很好的示例。我能找到現在最好的鏈接是不幸在官方網站銷售間距的視頻，但它仍然顯示了一些整齊的相互作用：

http://www.getpivot.com/