php程序懒加载图片,emlog网站图片实现懒加载特效(延时加载)

一开始用的是emlog插件中心的图片延时加载整站延时加载的插件，由于是全站图片懒加载，一些功能的图片也懒加载效果就不太好，就停用了插件，用了以下方法来实现懒加载。当然这些方法不止适用于emlog系统，还适用其他网站。

需要准备:下载懒加载js、默认懒加载图片、找到模板hearder.php、foot.php、图片显示代码

步骤一:将以下代码填入模板文件foot.php里/body标签前

echo.init({

offset: 100,

throttle: 250,

unload: false,

callback: function (element, op) {

console.log(element, 'has been', op + 'ed')

}

});// ***图片懒加载***//

步骤二:将以下代码填入模板文件hearder.php里/body标签前

步骤三:将以下代码填入图片显示的地方，一般在module.php里面添加。找到以下字符<?php echo $img_url;?>添加后为

最后:

何为图片延时加载？能产生什么作用？

1. 智能隐藏用户看不到的图片。

2. 页面打开速度加快。 因为隐藏部分用户第一屏幕看不到的图片。

3. 降低服务器CPU。提升服务器性能。减轻了服务器的同时访问的压力。

4. 加大带宽，节省流量。对于用户看不到的图片智能隐藏。对于包月流量站长的福音，图片多的网站使用效果拔群！

5. 滚动页面主动加载被隐藏的图片。

6. 良好的用户体验。仿各大门户网站新闻或者产品介绍中，图片是在下拉滚动条时加载，很不错的用户体验。