DZ门户频道文章内容页的图片如何做延迟加载呢？

由于网站图片比较的多，所以想到用JS小插件echo.js做图片延迟加载，目前首页、栏目页的图片均可以找到<img class="lazy" src="#" data-echo="#" />，给class增加class，设置src和 data-echo，但是dz门户内容页是找不到img的，内容页的内容调用只有一个标签$content[content]实现，找不到img标签，没办法实现延迟加载，寻求站长和各位朋友的帮助

1、\static\image\editor\editor_function.js第107行。
看这个代码

function insertImage(image, url, width, height) {
url = typeof url == 'undefined' || url === null ? image : url;
width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);
height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);
var html = '<a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a>';
edit_insert(html);
}

复制代码

从insertImage字面意思上看就知道是插入图片。
其中

var html = '<a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a>';

复制代码

就是插入的图片内容格式，如果你改成

var html = '<a href="' + url + '" target="_blank"><img class="lazy" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+' data-echo="#"></a>';

复制代码

这样发表文章时插入内容的img就带你要的参数。
你需要减小图片大小，有些图片一张就大于1MB，又不是做摄影的，搞那么多高清大图没必要。首页调用的图片最好是缩略图。

		自动登录	找回密码
密码			立即注册

DZ门户频道文章内容页的图片如何做延迟加载呢？-Discuz教程下载

DZ门户频道文章内容页的图片如何做延迟加载呢？

相关帖子

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【实测】Discuz修改论坛列表页排序，实现主题帖子按最新发表时间13人阅读

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程51人阅读

【原创】根据论坛发帖时间或门户文章发布时间，判断时间是否为当53人阅读

非手动网站版权年份自动更新代码53人阅读

【收集整理】兔源码简单收集整理关于网页上各meta标签说明48人阅读

【原创】分享一款html5+css3的浮窗多图DIY模块（百分百有效）0人阅读

【原创】分享一款html5+css3的浮窗单图DIY模块（百分百有效）0人阅读

【原创】分享一款html5+css3的横排导航列表DIY模块（百分百有效49人阅读

【原创】分享一款html5+css3的四排图文资讯列表DIY模块（百分百204人阅读

【转载】垂直时光轴HTML单页+CSS+js模块891人阅读

所属版块