当前位置:
首页 > 建站技术应用 > dedecms > dedecms织梦如何给文章页图片加上data-original图片延时加载功能

dedecms织梦如何给文章页图片加上data-original图片延时加载功能

我们在首页,栏目页,列表页都可以很容易加上相对应的属性,但是在文章页中所有内容都是在编辑器中,我们可以换个思路,替换一下编辑器中的内容就可以达到我们想要的效果,以下是广州SEO对自己手上的项目自己按自己的功能找出来的办法,如有转载请注明出处,原创文章不易!谢谢!下面把方法分享出来,希望可以帮助到需要这种效果的朋友!

修改目录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="http://img.qilatu.com/static/js/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">

$(function() {

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

});

</script>

原创文章,转载请注明: 转载自广州SEO

本文链接地址: dedecms织梦如何给文章页图片加上data-original图片延时加载功能