效果样式图:
方法如下:
1. 上传附件内的lazyload.gif到模板的lib/images文件夹
2. 上传附件内的lazyload.js到模板的lib/js文件夹
3.打开header.php文件,在/head标签前插入
-
4.打开footer.php文件,在/footer标签后插入
-
-
echo.init({
-
-
offset: 100,
-
-
throttle: 250,
-
-
unload: false,
-
-
callback: function(element, op) {
-
-
console.log(element, 'has been', op + 'ed')
-
- }
-
-
}); // ***图片懒加载***//
5.说下文章专区调用方式
原本的图片调用方式为src="https://www.115z.com/html/ "
需要修改为
src='https://www.115z.com/html/ /lib/images/lazyload.gif' data-echo=" "
6.分类列表页调取方式有所不同
之前为
src="https://www.115z.com/html/ "
需修改为
src='https://www.115z.com/html/ /lib/images/lazyload.gif' data-echo=" "
调取方式也就是在src=后加入' /lib/images/lazyload.gif' data-echo=这行代码即可,提醒需注意代码规范!
教程来自酷乐网 https://kule66.com QQ1573652308
附件下载:https://nszyw.lanzoui.com/ikbS2svclqd
免责声明
本站提供的资源,都来自网络,版权争议与本站无关,所有内容仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版购买注册,得到更好的正版服务。侵删请致信E-mail: 194777652@qq.com