[JavaScript/JS] 이미지 로딩, 로드 속도 개선 라이브러리

lazyload.js

다운로드

JS 파일이다.

 

img 태그 모두 이미지 동적 로딩, jquery를 사용하여야 한다.

$("img").lazyload();

 

로딩되는 동안 임시 이미지 생성

$("img").lazyload({     
    placeholder : "img/blank.gif",    
    event : "click" 
});

이미지 표시되기 200픽셀 전 로딩

$("img").lazyload({ threshold : 200 });