本帖最后由 s123001a 于 2016-11-13 15:52 编辑
Discuz手机版图片太小,显示模糊,根本看不清,抠脚大叔弄了个旧沙发翻新换皮的论坛也遇到了同样的问题!
这几天一直为手机端的图片发愁,根本看不清嘛,不知道Discuz怎么想的,图片弄那么小,再省流量也不能这么省啊,你让用WIFI的人情何以堪?
搜罗了网上各种修改方法,测试均无效!
后来抠脚大叔将网上各种修改方法整合了一下,统统修改了一遍:
竟!
然!
T!
M!
D!
有!
效!
了!
好了,废话不多说了!告诉那些跟我一样小白的朋友该怎么改吧!
Discuz手机板图片尺寸大小修改
1、后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图,否
2、触屏版图片尺寸设置,打开\template\default\touch\forum\discuzcode.htm文件(UE打开第90行),找
$fix = count($post[imagelist]) == 1 ? 140 : 83;
改为
$fix = count($post[imagelist]) == 1 ? 650 : 800;
也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。
然后再找(UE打开第114行)
$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') : '' ;
查找
src="$mobilethumburl"
修改改为
src="data/attachment/forum/{$attach[attachment]}"
有2处,全要修改!
3、CSS设置,打开\static\image\mobile\style.css,找 (UE打开第150行)
.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%就足够了。
更新模板缓存,触屏版的图片就正常了。
抠脚大叔实测有效:www.koujiaodashu.com
以上内容皆为网络上东拼西凑!
|