使用预加截,可提高用户浏览性,在打开页面时会非常流利,
因为当页面完全显示后,图片并没有加载,src里只有一张预加载图片,
等页面完全显示后,再利用js读取图片资源,当你图片没有下翻显示在屏幕时,
依然不会加载,当你下翻看到图片时,js才会进行读取,还可以省流量!
效果演示 http://www.qq839.com
送上代码 交流QQ839024615
<!--Js代码-->
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/image/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$("img").lazyload({
effect: "fadeIn"
});
});
</script>
<!--Html代码-->
<img src="预加载图片地址" data-original="实际图片地址" border="0" /> 