返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: 建站必知 >

discuz手机版设置显示大图

2021-02-22 文章标签: discuz 浏览次数:

默认的discuz手机版很简单,想要优化用户体验站长觉得可以把手机版图片的尺寸弄大点,我们先看看默认的帖子详情页面效果

discuz手机版小图

我们在看看改了之后对比

discuz显示大图

是不是感觉就不一样了呢。上代码

1、后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图 选择否

discuz设置

2、打开\template\default\touch\forum\discuzcode.htm文件,找 
$fix = count($post[imagelist]) == 1 ? 140 : 83;
改为 
$fix = count($post[imagelist]) == 1 ? 650 : 800;
也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。 
然后再(还是这个文件)
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ; 
改为 
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ; 
3、CSS设置,打开\static\image\mobile\style.css,找 

.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; } 
改为 
.plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;} 

默认CSS也限制了高和宽,改为按屏幕尺寸的百分比来显示。为了不撑破,不要100%了。

这样就达到我们需要的效果啦

关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。