首页 > 代码库 > jquery图片延迟加载

jquery图片延迟加载

在用户滚动页面到图片之后才进行加载,使用图片延迟加载,能有效的提高页面加载速度。

 

所需js插件:

<script type="text/javascript" src="http://www.mamicode.com/${path}/js/jquery.lazyload.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/${path}/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/${path}/js/jquery.scrollstop.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/${path}/js/jquery.scrollstop.min.js"></script>

 

主script方法:

<script type="text/javascript">
    $("img").lazyload(); //所有图片均延迟加载
</script>