3 回答

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
如果在頁面上呈現(xiàn)HTML,則即使隱藏HTML,也要加載它。如果要僅在需要時(shí)才加載圖像,則必須在javascript中的image標(biāo)記上動(dòng)態(tài)設(shè)置源(src)。
編輯1:您所引用的腳本僅檢查您向下滾動(dòng)頁面的距離,然后通過檢查其頂部確定哪些圖像可見(或幾乎可見),請參閱$ .belowthefold和$ .rightoffold擴(kuò)展名。
當(dāng)圖像的大小都相同時(shí),該示例非常有用,因?yàn)樗鼈兊娜萜饕部梢允窍嗤拇笮?,并且在延遲加載圖像時(shí)不會(huì)出現(xiàn)任何奇怪的頁面大小調(diào)整行為。如果圖像的高度和寬度變化,您可能會(huì)得到一些奇怪的結(jié)果。
編輯2:
<script type="text/javascript" charset="utf-8">
$(document).ready( function() { $("img").removeAttr("src"); } );
</script>
<img src="Chrysanthemum.jpg" />
<img src="Desert.jpg" />
<img src="Hydrangeas.jpg" />
<img src="Jellyfish.jpg" />
<img src="Koala.jpg" />
<img src="Lighthouse.jpg" />
<img src="Penguins.jpg" />
<img src="Tulips.jpg" />

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊
好吧,通過Prototype,您可以執(zhí)行以下操作:
var unloaded = [];
$$('img.noload').each(function (image) {
unloaded.push(image);
image._src = image.src;
image.src = '';
});
要加載所有它們:
unloaded.each(function (image) {
image.src = image._src;
});
要加載第一個(gè):
function loadImage (image) {
image.src = image._src;
}
loadImage(unloaded.shift());
好吧,我希望你有這個(gè)主意。
添加回答
舉報(bào)