很多使用DISCUZ做网站的同学都会遇到这样的情况,PC站上帖子图片正常显示,但是转为手机版网站时,就会出现帖子图片显示很小。这是怎么回事呢,怎么解决呢?下面学做网站论坛介绍一下解决方法。
原因分析
Discuz手机版网站帖子图片显示很小的原因,是由于DISCUZ程序手机版是定义了图片的显示尺寸为140px*140px,所以帖子内的图片都是显示为尺寸140px*140px,所以图片会很小。
解决方法
第一步:修改触屏版图片尺寸,打开templatedefaulttouchforumdiscuzcode.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样式,打开staticimagemobilestyle.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;}
就是修改图片的最大尺寸为全屏尺寸,高度为自动高动。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
评论 抢沙发

欢迎您留下宝贵的见解!
随即推荐
安卓鲨鱼剧场v2.1.5提供高清影视资源解锁版
鲨鱼剧场一款免费的追剧看剧平台。这里不仅提供了影视资源,还拥有热门短剧可以免费看,一边追剧一边领红包,影视库更新超级快,还可以可以通过影视名称或者演员名称进行搜索,高清流畅的播放画...
网钛CMS我爱网QQ娱乐技术网源码模版
网钛CMS我爱网QQ娱乐技术网源码,基于网钛V7.36版修复,下载后上传php主机安装即可使用,无任何后门 先安装网钛CMS,然后直接打包上传到根目录解析 只是基于发布时最新版V7.36做了兼容修复,原...
知乎日报项目HTML源码
这是一款具有现代化界面和丰富交互功能的网页应用。主要特点包括响应式设计,可完美适配桌面和移动设备;顶部banner支持每5秒自动轮播;卡片元素具备悬停效果和点击跳转功能;提供优雅的加载状...
格式岛v1.0.1格式转换合拼加水印等破解版
格式岛app可以在这里转换一切你想要的格式,不管是音频,视频,文档,图片等格式,都能在这里支持转换,不必在担心不能通用了,还有一些其他的功能也能操作 并且支持短视频去水印。
暂无评论内容