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

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

废话不多说，下面开始教程：
1、实现图片增加alt标签并自动居中教程请看这里：https://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门户文章每段文章自动空两格且图片自动居中

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

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

相关帖子

教程 / CSS+DIV素材

【原创】给dicsuz门户文章发布提交按钮添加自定义分类判断，必须56人阅读

【原创】要实现 Discuz! 程序中旧URL批量跳转到对应的新URL的方127人阅读

【原创】门户编辑器复制粘贴内容自动转化为纯文本格式，去除富媒199人阅读

【原创】将文章访问量转换为K的的显示样式，如将21302转换为21.3569人阅读

【原创】discuz论坛分类信息中，帖子发布页有多个图片上传功能，775人阅读

Discuz浮窗多图的DIY单页素材818人阅读

html5+css3的浮窗单图DIY模块883人阅读

html5+css3的横排导航列表DIY模块988人阅读

html5+css3的四排图文资讯列表DIY模块966人阅读

垂直时光轴HTML单页+CSS+js模块1625人阅读

所属版块

最佳新人

管理/版主

土豪装逼