白小姐全年免费欲钱料

专注互联网营销推广
服务热线:0577-86997785

DEDECMS(织梦)网站图片延迟加载教程

原创2019-12-24 10:09温州网络推广
织梦网站一般首页、列表页不做延迟加载(图片本身不大),内容页图片多、图片大的时候可以做懒加载技术。图片延迟加载可以提升网站打开速度、优化用户体验。

图片延迟加载教程

1、下载js文件:http://pan.baidu.com/s/1gQQx0K51rZGtSLRoq9pouA  密码:gb2q
2、在模版文件</head>之前加入下面的代码:
<script data-original="jquery-1.11.0.min.js"></script><!--请修改文件储存地址-->
<script data-original="jquery.lazyload.js"></script><!--请修改文件储存地址-->
<script type="text/javascript" charset="utf-8">$(function(){$("img.lazy").lazyload({effect: "fadeIn"});});</script>
3、打开FTP根目录include/extend.fuc.php文件,在最后面增加ImgUrl函数,下面橙色部分为你的域名:
function ImgUrl($newurl){
$newurl = str_replace('src="/uploads/','class="lazy" data-original="http://www.wfhetaoyuan.com/uploads/',$newurl);
return $newurl;
}
4、模版调用
将{dede:field.body/}修改为{dede:field.body function='ImgUrl(@me)'/}
另外一种方法:可以把PHP函数直接写到模板里面:
将{dede:field.body/}修改为{dede:field.body function="str_replace('src="/uploads/','class="lazy" data-original="http://www.wfhetaoyuan.com/uploads/',@me)"/}
服务热线:0577-86997785 移动电话:131 5770 6995 白小姐全年免费欲钱料地址:浙江省温州经济技术开发区滨海园区海汇中心3幢802

版权所有 © 2010-2020 温州雷特加网络科技有限白小姐全年免费欲钱料ICP备案:

在线客服