Выполнение изотопа до загрузки изображений

Question

Я изо всех сил пытаюсь выполнить мой изотоп после загрузки изображений, поскольку в противном случае элементы изотопа перекрываются. - Я пытаюсь применить плагин ImagesLoaded (http://imagesloaded.desandro.com/) к моему изотопу, однако я изо всех сил пытаюсь выполнить загрузку Isotope after Images.

Ниже мой изотоп БЕЗ изображений, загруженных, если кто знает, как это сделать, я был бы очень благодарен! (: Вот мой Изотоп в действии: 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' }); });