第一屏不顯示懶加載的圖片內容,這個方法可以搞定

今天在處理大量圖片加載時用到了jquery.lazyload。jquery.lazyload將圖片延遲加載封裝起來了，確實挺好用。但是過程中遇到一個問題，就是默認的第一頁圖片沒有加載出來，必須滾動一下滾動條才能加載出來。通過查看源碼發現window的resize事件有綁定jquery.lazyload的延遲加載功能，則在設置延遲加載綁定后觸發一下window的resize事件即可。

在引入對應的js文件后，頁面添加如下js代碼即可：

function LazyLoad() {
    $(function () {
        $("img").lazyload({
            container: $("#photo_panel"),
        });
        setTimeout(function () {
            $(window).trigger("resize");
        }, 50);
    });
}