Emlog图片懒加载非插件实现教程(你说的懒加载图片是什么意思)

效果样式图表:

方法如下:1 .将附件中的lazyload.gif上传到模板的lib/images文件夹中。

2.将附件中的lazyload.js上传到模板的lib/js文件夹中。

3.打开header.php文件，并将其插入到/head标记之前。

& ltscript src = ” & lt？php echo TEMPLATE _ URL？& gtlib/js/lazy load . js ” & gt；& lt/script & gt；

4.打开footer.php文件，并将其插入到/footer标记之后。

& ltscript src = ” & lt？php echo TEMPLATE _ URL？& gtlib/js/lazy load . js ” & gt；& lt/script & gt；& lt脚本& gtecho.init({ offset: 100，throttle: 250，unload: false，callback: function(element，op) { console.log(element，’已’，op+’ ed ‘)})；//* * *图片懒得加载* * *//

5.告诉我如何调用文章区。

原图像调用方法为src= ” “

需要修改为

src = ‘/lib/images/lazy load . gif ‘ data -echo = ” “

6.分类列表页面的检索方式不同。

以前

src= ” “

需要修改如下

src = ‘/lib/images/lazy load . gif ‘ data -echo = ” “

转移方法是在src=后面加上’/lib/images/lazy load . gif ‘ data -echo =这一行，提醒你注意代码规范！

下载地址:https://nszyw.lanzoui.com/ikbS2svclqd