爲幻燈片加載圖像有哪些技術？

我有一個web應用程序的東西像圖像庫的用戶與旋轉木馬在應用程序的底部。我在考慮一個場景，例如，如果用戶在應用程序圖像庫上上傳了1000張圖像。我只是徘徊什麼是正確的方式或技術來加載1000個快速的圖像，以便用戶可以立即查看它。請幫幫我。爲幻燈片加載圖像有哪些技術？

來源

2011-12-02 pacificindio

1000張圖片是很多。我絕對不會一次加載它們，而是以某種方式批量加載它們。有點像Facebook（我認爲）。它填滿了視圖，當您向下滾動時，它會繼續加載更多內容，但只在您向下滾動時顯示。也可以通過使用「加載更多」按鈕來簡化它。

如果它真的像你說的那樣是一個旋轉木馬，我希望它只顯示一定數量的圖像。在那種情況下，我只會加載可見的例如兩倍的緩衝區。然後，當用戶進入下一頁時，可以用緩衝區中的第一個替換當前的那個，並將更多內容加載到緩衝區中。

來源

2011-12-02 10:07:47 Svish

我的應用程序的第一個版本是使用jQuery Cycle圖像和carouFredSel插件輪播縮略圖。我在想的是先加載10張圖像，然後使用JavaScript函數同時獲取剩餘圖像，並追加到輪播縮略圖的ul中，但遇到添加新元素的問題。我想到一些解決方案，但它看起來像我的選擇變得有限。順便從API獲取數據。 – pacificindio

也許你可以在http://samples.geekality.net/image-fetcher找到一些幫助。在那裏，我使用AJAX調用來獲取包含大量圖像URL的JSON數組。然後，我爲它們創建img標籤，並將它們添加到頁面中。謝謝先生， – Svish

。需要完成這個困難的項目。 – pacificindio

一次載入1000張圖像會浪費帶寬，更不用說它會給客戶帶來很大的滯後。在用戶滾動瀏覽圖片時，需要使用某些客戶端JavaScript/jQuery而不是PHP來動態加載圖片，因此不會請求比特定時間更多的資源/圖片，例如10。在元素上使用jQuery中的.click()事件並檢查'carousel'的結尾可以這麼說，然後使用類似$("#element").attr("src", "imagePath.jpg");的東西來交換顯示在傳送帶上的圖像應該可以工作。

來源

2011-12-02 09:59:18 Blake

爲幻燈片加載圖像有哪些技術？

回答

相關問題