很多使用DISCUZ做网站的同学都会遇到这样的情况,PC站上帖子图片正常显示,但是转为手机版网站时,就会出现帖子图片显示很小。这是怎么回事呢,怎么解决呢?下面学做网站论坛介绍一下解决方法。
原因分析
Discuz手机版网站帖子图片显示很小的原因,是由于DISCUZ程序手机版是定义了图片的显示尺寸为140px*140px,所以帖子内的图片都是显示为尺寸140px*140px,所以图片会很小。
解决方法
第一步:修改触屏版图片尺寸,打开\template\default\touch\forum\discuzcode.htm文件,找
$fix = count($post[imagelist]) == 1 ? 140 : 83;
改为
$fix = count($post[imagelist]) == 1 ? 600 : 400;
也就是把140的小图改为宽600,高400的尺寸。
第二步:再修改下面的代码里的140px
$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, 600, 400, ‘fixnone’) : ” ;
第三步:修改图片控制的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:100%; display:block;vertical-align: middle;margin-bottom:4px;}
就是修改图片的最大尺寸为全屏尺寸,高度为自动高动。