DedeCMS文章内容图片延迟加载

列表页可以直接使用这个方法

http://www.qdql.net/jishuzhichi/jianzhanzhishi/780.html

内容页如何实现呢?

修改目录include下的文件extend.func.php,在最后面添加一个函数方法
function replaceurl($newurl)
{
$newurl=str_replace('src=','class="lazy" data-original=',$newurl);
return $newurl;
}
另外调用文章正文内容的标签{dede:field.body/}
需要改成: {dede:field.body function='replaceurl(@me)'/}

然后在文章区域中添加好JS,这就成了我们想要的效果!

<script src="/js/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">

$(function() {

$("img.lazy").lazyload({effect: "fadeIn"});

});

</script>

其中jquery.lazyload.js下载地址如下

https://raw.githubusercontent.com/tuupola/jquery_lazyload/master/jquery.lazyload.js

 

下载说明: 帮助教程
1.资源失效请联系QQ:1138166071补发;寻课加QQ联系
2.资源均为网络收集,仅供参考研究,请在下载后24小时内删除。不要商用和非法用途,否则后果自己承担。
3.默认解压密码:blog.qdql.net
4.购买本站资源即代表同意本站免责协议
5.提示:本站资源属虚拟商品,购买后恕不退款。
6.特别声明本站资源部分来源于网络,如有侵权,请联系站长进行删除处理!
本文地址:http://blog.qdql.net/3843/

发表评论


表情