硬汉工作室

搜索
热搜: 活动 交友 discuz

[开发技术] Discuz改模板实现手机端大图展示

[复制链接]
发表于 2021-5-7 10:52:28 | 显示全部楼层 |阅读模式
dz默认手机模板图片显示的实在是太小了,并且模糊,今天我们通过修改一个模板文件来实现显示高清无码大图。
2021-05-07_104042.jpg

修改前效果


修改后

修改后

修改后效果


打开template/default/touch/forum/discuzcode.htm文件,这个是默认模板的,如果你用了第三方模板,把default还成第三方模板目录即可。找到imagelist函数,这个函数是用来控制附件图片显示的,也就是没有插入到内容里的图片附件,我们看到里面有个变量是fix,这个是用来控制生成的缩略图大小的。原来的规则是如果就一张图片那么大小设置成140,多于一张就设置成83,都太小了,我们直接把它改成500,也就是生成的图片缩略图是500px宽,这个基本上显示已经可以了。
下面几行有个a标签包裹着img标签,这个就是用来显示图片的,默认模板样式用了max-width和max-height,导致图片显示很小,我们直接在img标签上写行内样式,覆盖原来的样式:style = "max-width: none; max-height: none;width:100%;"。
然后就完事了。

如果是插入到内容里的图片,需要修改attachinpost函数对应的代码,思路基本一致,不再复述。

如果想直接用原图,那就覆盖$mobilethumburl变量,在它下一行写
$mobilethumburl = 'data/attachment/forum/'.$attach['attachment'];

完事
有关PHP系统、Discuz或网站等各种问题,可以联系QQ1069971363寻求付费支持
Discuz插件商店:http://addon.dismall.com/?@56030.developer
回复

使用道具 举报

QQ|Archiver|手机版|小黑屋|硬汉工作室 ( 冀ICP备13021567号-9 )

GMT+8, 2024-4-27 08:55 , Processed in 0.056086 second(s), 25 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表