同位素在图像加载之前执行

Question

我努力让图像加载后执行我的同位素，因为否则，同位素项目会重叠。 - 我试图将ImagesLoaded插件（http://imagesloaded.desandro.com/）应用于我的同位素，但是，我正努力在图像加载后执行同位素。

下面是我的Isotope WITHOUT ImagesLoaded，如果有人知道如何去做这件事，我将不胜感激！ （：这是我在行动同位素：http://illuminategg.hol.es/portfolio.html

var isotope_port = $('.port-isotope'); 
isotope_port.isotope({ 
    'itemSelector': '.item' 
}); 

$('.port-filter a').click(function() { 
    $(this).parent().parent().find('li').removeClass('selected'); 
    $(this).parent().addClass('selected'); 

    var selector = $(this).attr('data-filter'); 
    isotope_port.isotope({ filter: selector }); 
    return false; 
}); 

Answer 1

对于imagesloaded，首先将脚本添加到您的网页，因为它不是同位素的一部分，那么按如下方式使用它：

var isotope_port = $('.port-isotope'); isotope_port.imagesLoaded(function() { isotope_port.isotope({ 'itemSelector': '.item' }); });