【原创】Discuz门户文章实现图片增加alt标签并自动居中，点击图片放大，再次点击图片则恢复原样

来自版块: Discuz教程发表于: 2023-7-17 23:55:49

2432

如本资源下载地址失效,请点击此处进行反馈

开通本站Svip会员，全站资源免费下

样式地址：https://shiqingwu.com/soft/60.html
演示图片：

废话不多说，下面开始教程：
1、实现图片增加alt标签并自动居中教程请看这里：https://www.tuyuanma.com/news_7578_1_1
2、进入网站根目录——static——image——editor——复制一份editor_function.js文件并重命名为bgeditor_function.js打开文件搜索代码

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 = '<p><a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}

复制代码

修改为

亲爱的游客您好，请登录后进行回复

3、进入网站根目录——template——当前使用模板——portal——view.htm或view_XXX.htm内容页，在文件底部插入JS及CSS样式

亲爱的游客您好，请登录后进行回复

4、进入网站后台——工具——更新缓存
【特别说明：更改代码后，已经发布的图片需要要重新插入才能实现最终效果】

完美配套教程
【原创】DZ门户文章每段文章自动空两格且图片自动居中