Isotop wird vor dem Laden der Bilder ausgeführt

Question

Ich habe Probleme, mein Isotope nach dem Laden der Bilder auszuführen, da sich sonst die Isotop-Elemente überschneiden. - Ich versuche, das ImagesLoaded-Plugin (http://imagesloaded.desandro.com/) auf mein Isotope anzuwenden, jedoch habe ich Schwierigkeiten, das Isotop nach dem Laden der Bilder auszuführen.

Unten ist mein Isotope OHNE ImagesLoaded, wenn jemand weiß, wie das geht, wäre ich sehr dankbar! (: Hier ist meine Isotopen in Aktion: 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

Für imagesloaded, das Drehbuch zu Ihrer Seite hinzufügen, da es nicht Teil des Isotops ist es dann wie folgt verwenden:.

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