高效的jQuery或HTML5圖像滑塊

我有一位正在製作投資組合網站的朋友。他有一些他希望展示的高分辨率圖像。一個頁面上會有多個項目，每個項目有多個圖像。因此，他希望儘可能減少加載時間，並節省系統內存使用量。這就是說，他擔心傳統的jQuery滑塊如果在同一頁面上被多次調用，會消耗太多的內存。另外，在初始化時加載所有圖像不是一個選項，因爲這會造成很長的加載時間。有誰知道任何圖像滑塊，無論是jQuery或HTML5，或兩者都可以幫助這個？高效的jQuery或HTML5圖像滑塊

來源

2012-04-23 Willem Ellis

爲什麼你會每次使用jQuery來拉多個圖像，你可以使用它來拉一次所有的圖像。並且基本上在加載頁面後加載圖像，這不會妨礙加載時間。或者有腳本可以幫助同時加載。 – 2012-04-23 21:58:23

可能的重複！ http://stackoverflow.com/questions/5412015/seaching-for-a-lazy-loading-jquery-slideshow-or-hacking-cross-slide – elclanrs 2012-04-23 21:58:41

首先，請記住，在瀏覽器中顯示高分辨率圖像不是非常有效的開始。分辨率應該降低到瀏覽器可以顯示的最大值（72dpi）。通過點擊低分辨率圖像或低分辨率圖像附近的鏈接，可以訪問圖像的全尺寸高分辨率版本。 – 2012-04-23 22:00:32

花時間尋找一個good jQuery滑塊之前...

...從基礎做起：

開始下列一般的網頁設計的最佳實踐像theese
保持你的網頁下100 KB和load fast？（越多越少越好）
使用CDN（Content Delivery Network）存儲高清圖像。
只能按需加載HD圖像，不要預加載它們。
使用compressed,converted（避免PNG）和調整大小的圖像，以適應滑塊容器。
不會使用CSS或內聯CSS縮放圖像。（無論服務器端）
使用Lazy loading設計模式。（如果你說有很多的圖像和頁面將會很長）

來源

2012-04-23 23:30:39

我很感激這個答案！將記住所有這一切。 – 2012-04-24 00:18:55

高效的jQuery或HTML5圖像滑塊

回答

相關問題