请选择 进入手机版 | 继续访问电脑版

 找回密码
 立即注册

扫一扫,访问微社区

查看: 571|回复: 0

DISCUZ!论坛手机版图片太小怎么办?

[复制链接]
发表于 2017-10-23 22:15:14 | 显示全部楼层 |阅读模式
  可能是出于节省流量的考虑,DZ手机触屏版把图片搞得非常小。首先在上传的时候,生成一张手机版缩略图,这个图的尺寸很小,就算在模板上放大尺寸,也会变模糊。然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客看小图的那么小一丁点。
. |; r4 j# f8 o1 p" j  这些都是可以调整的,因为服务器上有原图。调整方法:

1 t2 t+ B% O  |+ O) H& [  1、后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图,否 " p" q4 V4 c5 X, d6 X4 u
  2、触屏版图片尺寸设置,打开\template\default\touch\forum\discuzcode.htm文件,找 1 h$ M6 }  `( e; u0 ~% s
$fix = count($post[imagelist]) == 1 ? 140 : 83;1 `( [2 ?: c/ j; U2 O& g
  改为
# D: i" R$ K8 F: B; o; m0 ^; A- r$fix = count($post[imagelist]) == 1 ? 650 : 800;
$ Y) j( y9 U2 e- {% e0 O: d  也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。 ( c9 J9 l0 V. X3 Q$ N
  然后再找 ! K0 |" W* y/ E& U; N3 i& s
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;
! J' b7 F: W0 M/ ^( g4 i2 F8 n  改为, ^, [; V& C' E! z# q
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ;
9 S( }4 E0 I; U+ p$ T& d' q6 n; `
  3、CSS设置,打开\static\image\mobile\style.css,找 + F2 O8 v1 S$ w
.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; } 1 E* w3 U4 g" w0 \2 @; A
  改为   u5 K; n6 Q; I' ~, L5 }8 G
.plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;}
  看到没有,CSS也限制了高和宽,改为按屏幕尺寸的百分比来显示。为了不撑破,别搞100%了,98%就足够了。
% R) g& ]( i% m3 A  5、更新模板缓存,触屏版的图片就正常了。 (magentoon)

' i- u& L0 X1 s5 _+ M- N) _9 w: u. D9 \
# U1 I! I1 ]) f8 D( E4 |. P
回复

使用道具 举报



QQ|手机版|网络任务|考试系统|全景平台|大鹏飞翔个人网 ( 豫ICP备15016373号 )

GMT+8, 2018-10-23 12:06 , Processed in 0.214462 second(s), 15 queries .

Powered by 大鹏飞翔个人网

2015-2020 〖dpfly.net〗

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