在js masonry之前加载<img/> html标记

Question

我的问题是jQuery Masonry立即安排我的'砖块'并且不要等待图像加载。我也希望图像能够响应所以我不能定义类似的东西：

<img src="asas" height= "100px" width="100px" alt="asas"> 

实例的链接是here。

Answer 1

您可以将代码放在load处理程序的窗口中，或使用由砌体作者编写的imagesLoaded插件。

$(window).load(function(){
    $('#wrapper').masonry({ ... });
});

或：

var $wrapper = $('#wrapper');
$wrapper.imagesLoaded({
   done: function() {
        $wrapper.masonry({ ... });
   }
})

#wrapper img {
    width: 100%;
    height: auto;
}