이미지로드 전에 실행되는 동위 원소

Question

동위 원소 항목이 겹치기 때문에 이미지로드 후에 내 동위 원소를 실행하는 데 어려움을 겪고 있습니다. - ImageLoaded 플러그인 (http://imagesloaded.desandro.com/)을 내 Isotope에 적용하려고합니다. 그러나 이미지로드 후 Isotope을 실행하는 데 어려움을 겪고 있습니다.

다음은 내 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' }); });