[jQuery/Lazyload] 이미지 지연로딩. 프로그래밍

이미지 지연로딩.

한페이지에서 다 부르지 않고 대기 하고있다가

스크롤을 내리는 시점에서 로딩.

 

http://www.appelsiini.net/projects/lazyload

 

 

<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/jquery.lazyload.js"></script>
<script type="text/javascript">
    jQuery(document).ready( function() {
        jQuery('img.lazy').lazyload();
    });
</script>

<img src="./img/loding.gif" data-original="./img/image.jpg" class="lazy" />

 

Tag :

Leave Comments