Emlog图片懒加载非插件实现教程

 1. 上传附件内的lazyload.gif到模板的lib/images文件夹

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

3.打开header.php文件，在/head标签前插入

<script src="<?php echo TEMPLATE_URL;?>lib/js/lazyload.js"></script>

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="<?php echo $row['img'];?>"

需要修改为

src='<?php echo TEMPLATE_URL;?>/lib/images/lazyload.gif' data-echo="<?php echo $row['img'];?>"

6.分类列表页调取方式有所不同

之前为

src="<?php echo $value['img'];?>"

需修改为

src='<?php echo TEMPLATE_URL;?>/lib/images/lazyload.gif' data-echo="<?php echo $value['img'];?>"

调取方式也就是在src=后加入'<?php echo TEMPLATE_URL;?>/lib/images/lazyload.gif' data-echo=这行代码即可，提醒需注意代码规范！

1 本网站名称：就爱技术网
2 本站永久网址：http://jajsw.com
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。