jQuery Plugin imagesLoaded

작업 중인 사이트에서 jQuery custom content scroller 를 사용해 레이어팝업에 스크롤바가 생기도록 구현을

했는데 이 기능이 제대로 될 때와 그렇지 않을 때가 있어 살펴보니 컨텐츠에 포함된 이미지가 제대로 완전히

로딩되지 않은 상태에서 스크립트가 작용하고 있는 문제를 발견했다. 이걸 해결하는 방법은 이미지가 모두

로딩이 되면 스크립트가 적용되도록 수정하면 될 것 같아서 jQuery plugin을 찾아보니 딱 맞는 것이 있더라는..

imagesLoaded : http://desandro.github.com/imagesloaded/

사용법은 극히 간단하다. 

$(‘.article’).imagesLoaded( myFunction );

이런 식으로 코드를 작성해주면 바로 사용할 수가 있다.