HTML部分
<img class="lazy" data-original="/img/ercode_bottom.png"/>
页面引入
<script type="text/javascript" src="/js/jquery-1.7.2.min.js?v=2019022701"></script>
<script src="/js/jquery.lazyload.min.js?v=20123"></script>
尾部使用
<script>
$(document).ready(function() {
$("img.lazy").lazyload();
});
</script>
注意事项:
页面中已显示的加载出来,overflow:hidden隐藏起来的图片要scroll初始化一下;例如
<script>
$('#idDom').scroll(function(){
$("img.lazy").lazyload();
})
</script>
使用目的:
优化页面性能,提升用户体验,减少服务器压力;
插件地址:
https://pan.baidu.com/s/1ewyrpdZkn7O8u1D1q51Vu
提取码:9p9u