DedeCMS首页 | 列表实现延迟加载参考网站图片Lazyload延迟加载技术,下载两个必要文件。在以前加入如下代码
$(function(){$("img.lazy").lazyload({effect: "fadeIn"});});
修改文章内容body图片标签,加上class=”lazy”,替换src为data-original,即
修改为
用到PHP函数str_replace。语法:
str_replace(find,replace,string,count)find 必需,规定要查找的值。replace 必需,规定替换 find 中的值的值。string 必需,规定被搜索的字符串。count 可选,一个变量,对替换数进行计数。
替换多个查找值需要放到array里面,如
str_replace(array("a" , "b") , array("c" , "d") , abcde); //a替换成c,b替换成d,最后输出:cdcde
修改方法一
打开include/arc.archives.class.php,找到
//设置全局环境变量$this->Fields[ ypename] = $this->TypeLink->TypeInfos[ ypename];@SetSysEnv($this->Fields[ ypeid],$this->Fields[ ypename],$this->Fields[id],$this->Fields[ itle],archives);
第二行修改为
@SetSysEnv($this->Fields[ ypeid],$this->Fields[ ypename],$this->Fields[id],$this->Fields[ itle],$this->Fields[ody]=str_replace(array("<img","src"),array("Fields[ody]),archives);
这个方法不灵活,会把body里面所有”<img" | "src"都替换,一般的网站还行,像博客这样技术性源代码多的就好办了。另外还有附件路径原来是相对路径,做了绝对路径修改也需要用到srt_replace函数,干脆整合到一起,修改如下:
修改方法二
打开included/extend.fuc.php,在最后面增加ImgUrl函数,下面橙色部分为你的域名:
function ImgUrl($newurl){ $newurl = str_replace(src="/uploads/,class="lazy" data-original="/uploads/,$newurl); return $newurl;}
模板调用
{dede:field.body function=ImgUrl(@me)/}
修改方法三
可以把PHP函数直接写到模板里面,模板调用:
{dede:field.body function="str_replace(src="/uploads/,class="lazy" data-original="/uploads/,@me)"/}