相信大家都已经知道像京东网上商城首页, 在浏览器可视区域外的图片不会加载,只有下拉滚动条下拉时才会加载图片。
如果首页图片很多而且页面很长才用图片延迟加载可以加快页面加载速度,降低服务器压力。
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/load/zjf-lazyload.js" type="text/javascript"></script>
$(function() {
$("img").lazyload({
placeholder : "/img/nloading.gif",
failurelimit : 4,
threshold:900,
effect:"fadeIn"});
});