專注互聯網營銷推廣
服務熱線:0577-86997785

DEDECMS(織夢)網站圖片延遲加載教程

原創2019-12-24 10:09溫州網絡推廣
織夢網站一般首頁、列表頁不做延遲加載(圖片本身不大),內容頁圖片多、圖片大的時候可以做懶加載技術。圖片延遲加載可以提升網站打開速度、優化用戶體驗。

圖片延遲加載教程

1、下載js文件:https://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.gobaq.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.gobaq.com/uploads/',@me)"/}
服務熱線:0577-86997785 移動電話:131-5770-6995 公司地址:浙江省溫州經濟技術開發區濱海園區海匯中心3幢802

版權所有 ? 2010-2020 溫州極禾科技有限公司ICP備案:浙ICP備18046138號-2

在線客服
高清av电影