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

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

废话不多说，下面开始教程：
1、实现图片增加altTAG.html" target="_blank" class="relatedlink">标签并自动居中教程请看这里：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门户文章每段文章自动空两格且图片自动居中

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

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

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

相关文章

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】Discuz搜索门户文章内容实现展示栏目名称，搜索门户文章21人阅读

【原创】通过计划任务，实现Sitemap.xml地图制作58人阅读

修改Discuz!X3.5系统内置的DIY幻灯片样式177人阅读

【原创】调用帖子内容页封面图片，提升搜索引擎优化102人阅读

【原创】Discuz!X3.5版本无法访问uc_server中心解决办法453人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS743人阅读

【原创】discuz论坛首页四格，幻灯片+文字列表切换功能DIY+CSS+j2478人阅读

【原创】侧边导航栏样式，点击跳转到对应位置的DIY+CSS模块2243人阅读

【原创】分享一款html5+css3带倒计时效果并跳转指定网址的单页DI2452人阅读

【原创】分享一款横排5格免扣字体素材资源下载风格DIY+JS+CSS模2744人阅读

所属版块