discuz 手机版缩略图大小显示修改

发布时间:2019-11-28 09:39:27   人浏览 来源: f88体育平台网

f88体育平台网 - 电脑科技

 

discuz手机触屏版把图片搞得非常小。首先在上传的时候,生成一张手机版缩略图,这个图的尺寸很小,就算在模板上放大尺寸,也会变模糊。然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客看小图的那么小一丁点。这些参数设置都是可以调整的,因为服务器上有原图。

调整方法:

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

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%了,98%就足够了。
更新模板缓存,触屏版的图片就正常了。



转f88体育:f88体育平台网,橡胶行业门户网站!

f88体育平台网 www.z831u.com!
>更多相关文章
网友评论

首页 | 橡胶新闻 | 橡胶价格 | 市场数据 | f88体育平台 | 资料下载 | 橡胶文化 | 橡胶标准 | 橡胶制品 | 橡胶管理 | 橡胶展会 | 胶网图片 | | |
联系电话:021-59195925 咨询合作:13524284813 邮箱:[email protected] f88体育平台网_橡胶门户网微信订阅号 QQ: 36656166
橡胶门户网 Copyright 2006-2020 胶网版权所有