在處理大量圖片加載時(shí)用到了jquery.lazyload。

jquery.lazyload將圖片延遲加載封裝起來(lái)了，確實(shí)挺好用。但是過(guò)程中遇到一個(gè)問(wèn)題，就是默認(rèn)的第一頁(yè)圖片沒有加載出來(lái)，必須滾動(dòng)一下滾動(dòng)條才能加載出來(lái)。

通過(guò)查看源碼發(fā)現(xiàn)window的resize事件有綁定jquery.lazyload的延遲加載功能，則在設(shè)置延遲加載綁定后觸發(fā)一下window的resize事件即可。

在引入對(duì)應(yīng)的js文件后，頁(yè)面添加如下js代碼即可：

$(function() {
$("img.lazy").lazyload({ effect: "fadeIn", placeholder: "/images/loading.gif" });
setTimeout(function () {$(window).trigger("resize");}, 50);
});