最新公告
  • 欢迎您光临牛气网,本站秉承“用心服务,做好服务”致力为站长提供优质的售后服务!立即加入我们
  • 织梦DEDECMS文章内容图片延迟加载懒加载的方法

    DedeCMS首页、列表实现延迟加载参考《织梦网站图片Lazyload延迟加载懒加载技术》, 下载两个必要文件。
    必要JS下载地址:https://pan.baidu.com/s/13rl1KM_RbXVj-v714NsqaA 密码:85en
    在</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>
    修改文章内容body图片标签,加上class="lazy",替换src为data-original,即
    < img src='图片地址' alt='图片说明'/>
    修改为
    < img class='lazy' data-original='图片地址'alt='图片说明'/>
    用到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['typename'] = $this->TypeLink->TypeInfos['typename'];
    @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');
    第二行修改为
    @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],
    $this->Fields['body']=str_replace(array("<img","src"),array("<img class='lazy'","data-original"),$this->Fields['body']),'archives');
    这个方法不灵活,会把body里面所有“<img”、“src”都替换,一般的网站还行。另外还有附件路径原来是相对路径,做了绝对路径修改也需要用到srt_replace函数,干脆整合到一起,修改如下:
    修改方法二
    打开included/extend.fuc.php,在最后面增加ImgUrl函数,下面橙色部分为你的域名:
    function ImgUrl($newurl){
    $newurl = str_replace('src="/uploads/','class="lazy" data-original="http://www.niuqi.net/uploads/',$newurl);
    return $newurl;
    }
    模板调用
    {dede:field.body function='ImgUrl(@me)'/}
    修改方法三
    可以把PHP函数直接写到模板里面,模板调用:
    {dede:field.body function="str_replace('src="/uploads/','class="lazy" data-original="http://www.niuqi.net/uploads/',@me)"/}

    1、本站所有资源皆来源于网络和用户自行上传,因此不包括售后和技术,敬请谅解!
    2、本站不保证所提供的源码的准确性、安全性和功能完善性,资源仅用于学习用!
    3、您下载的资源,请务必在24小时内删除,资源仅提供本地测试,请勿商用或者非法用途都与本站无关,一切后果自负!
    4、如发现资源下载不了,或者侵权请及时联系客服或者邮箱admin#niuqi.net,#改为@!
    牛气网 » 织梦DEDECMS文章内容图片延迟加载懒加载的方法

    发表评论

    • 74会员总数(位)
    • 4096资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 208稳定运行(天)

    牛气网NIUQI.NET站长源码平台

    开通SVIP会员 了解详情