lazyload.js实现图片异步载入

今天把lazyload.js实现图片异步载入引入到项目中。

 

下载了lazyload.js，直接引用效果就出来了

 

<script type="text/javascript" src="${root}/resources/jquery/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="${root}/resources/jquery/jquery.lazyload.js"></script>

<script type="text/javascript"> 

jQuery(document).ready(

 

function($){

 

   $("img").lazyload({

     placeholder : "${root}/resources/style/img/loading.jpg", //加载图片前的占位图片

     effect      : "fadeIn" //加载图片使用的效果(淡入)

   });

 

});

</script>