一开始用的是emlog插件中心的图片延时加载整站延时加载的插件,由于是全站图片懒加载,一些功能的图片也懒加载效果就不太好,就停用了插件,用了以下方法来实现懒加载。当然这些方法不止适用于emlog系统,还适用其他网站。
需要准备:下载懒加载js、默认懒加载图片、找到模板hearder.php、foot.php、图片显示代码
步骤一:将以下代码填入模板文件foot.php里/body标签前
<!--lanj-->
<script src="http://你的域名/lazyload.js"></script>
<script>
echo.init({
offset: 100,
throttle: 250,
unload: false,
callback: function (element, op) {
console.log(element, 'has been', op + 'ed')
}
});// ***图片懒加载***//
</script>
<!--lanj-->
步骤二:将以下代码填入模板文件hearder.php里/body标签前
<script src="http://你的域名/lazyload.js"></script>
步骤三:将以下代码填入图片显示的地方
一般在module.php里面添加
找到以下字符<?php echo $img_url;?>
添加后为
<img src='http://你的域名/lazyload.gif' data-echo="<?php echo $img_url;?>"
最后:
何为图片延时加载?能产生什么作用?
1. 智能隐藏用户看不到的图片。
2. 页面打开速度加快。 因为隐藏部分用户第一屏幕看不到的图片。
3. 降低服务器CPU。提升服务器性能。减轻了服务器的同时访问的压力。
4. 加大带宽,节省流量。对于用户看不到的图片智能隐藏。对于包月流量站长的福音,图片多的网站使用效果拔群!
5. 滚动页面主动加载被隐藏的图片。
6. 良好的用户体验。仿各大门户网站新闻或者产品介绍中,图片是在下拉滚动条时加载,很不错的用户体验。
js下载:抱歉,隐藏内容 回复 后刷新可见
看看