只加載在屏幕上的圖像在div與css溢出

Question

我有一個具有1000個圖像的div與溢出：自動設置。它只有100像素高，寬約80000像素。這工作正常，但我寧願只加載實際上在屏幕上的圖像，以便用戶滾動右側或左側圖像加載。

Answer 1

@slee，對此有各種解決方案。

可以使用jcarausal插件這種類型的東西

http://sorgalla.com/jcarousel

在項目中，我展示4張圖片，我只加載這些圖片，當用戶點擊一個或下一個，我得到的未來四象交換src和IDS，

這將definetly提供更好的性能，因爲每個圖像是一個http請求......

減少HTTPRequests的提高性能

Answer 2

您是否在尋找lazy loader插件？如果你可以找到更新的分支，因爲作者聲稱它不適用於「現代」瀏覽器，那最好。最後我測試了（今年早些時候），它在除IE6以外的所有方面都運行良好。我懷疑作者可能指的是IE8/IE9。