教程如下:
1. 上传附件内的lazyload.gif到模板的lib/images文件夹
2. 上传附件内的lazyload.js到模板的lib/js文件夹
3.打开header.php文件,在/head标签前插入
4.打开footer.php文件,在/footer标签后插入
<script src="<?php echo TEMPLATE_URL;?>lib/js/lazyload.js">
</script>
<script>echo.init({
offset: 100,
throttle: 250,
unload: false,
callback: function(element, op) {
console.log(element, 'has been', op + 'ed')
}
}); // ***图片懒加载***//
</script>
5.说下文章专区调用方式原本的图片调用方式为src=" "需要修改为src=' /lib/images/lazyload.gif' >
6.分类列表页调取方式有所不同之前为src=" "需修改为src=' /lib/images/lazyload.gif' >
调取方式也就是在src=后加入' /lib/images/lazyload.gif' data-echo=这行代码即可,提醒需注意代码规范!
代码打包大小:680.3 KB
已经过安全软件检测无毒,请您放心下载。
还木有评论哦,快来抢沙发吧~