Discuz手机触屏版的帖子中图片无法放大查看
来源:互联网 发布:webrtc 源码介绍 编辑:程序博客网 时间:2024/05/16 18:47
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%就足够了。
更新模板缓存,触屏版的图片就正常了。
- Discuz手机触屏版的帖子中图片无法放大查看
- destoon调用discuz论坛中带图片帖子的方法
- 求一个手机端上传图片后可点击放大查看的插件
- Android 点击图片放大展示 展示中可调节图片的缩放显示 图片查看器
- discuz 帖子列表页调用封面图片
- 防止手机中查看网页分辨率很大,网页可以放大缩小的方法
- Android中图片的放大。
- AndroidStudio中图片的放大
- 点击图片放大查看
- 点击图片 放大查看
- Discuz!教程之修改帖子下方“来自: XX手机客户端”的链接地址
- discuz教程:修改帖子详情页“来自: XX手机客户端”的链接地址
- 如何在discuz帖子中插入视频
- 模仿discuz图片点击放大滚动缩放,使KindEdit发表的图片支持击放大滚动缩放
- discuz论坛列表页调用帖子第一张图片。最简单的办法之一
- jquery使图片简单放大效果【上传图片或者查看从数据库中读出来的imgPath】
- discuz 发表带html内容的帖子
- 模拟手机手指放大图片
- sql server 的T-SQL 学习笔记(九)
- android中的无线通信蓝牙
- C/C++中的static关键字的易错点
- exercise5
- C# ASP.NET 解决方案开发微信公众号
- Discuz手机触屏版的帖子中图片无法放大查看
- spring mvc 给Controller添加事务
- Tomcat启动时加载数据到缓存--Web.xml里listener的加载顺序,优先初始化Spring IOC容器
- 关于android webview 的那些坑
- ArrayDeque
- 面向对象中的原型链
- 1133: 单词个数统计
- js 回调
- 基于OpenXES的XES反序列化源码示例