代码疯子 - IT技术交流论坛-无限Perfect,追求梦想

 找回密码
 立即注册

用百度帐号登录

只需两步,快速登录

QQ登录

只需一步,快速开始

搜索
热搜: 教程 软件 源码
查看: 373|回复: 19

[Discuz教程] Discuz手机触屏版的图片尺寸显示修改

[复制链接]

1

主题

4

帖子

1

积分

菜鸡代码

Rank: 1

积分
1
发表于 2020-3-12 15:43:50 | 显示全部楼层 |阅读模式
可能是出于节省流量的考虑,DZ手机触屏版把图片搞得非常小。首先在上传的时候,生成一张手机版缩略图,这个图的尺寸很小,就算在模板上放大尺寸,也会变模糊。然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客看小图的那么小一丁点。

这些都是可以调整的,因为服务器上有原图。调整方法:格东站长网
1、后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图,否
2、触屏版图片尺寸设置,打开
  1. \template\default\touch\forum\discuzcode.htm
复制代码

文件,找

  1. $fix = count($post[imagelist]) == 1 ? 140 : 83;
  2. 改为
  3. $fix = count($post[imagelist]) == 1 ? 650 : 800;
复制代码


也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。

Discuz手机触屏版的图片尺寸显示修改

Discuz手机触屏版的图片尺寸显示修改


然后再找
  1. $mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;
复制代码

改为
  1. $mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ;
复制代码

Discuz手机触屏版的图片尺寸显示修改

Discuz手机触屏版的图片尺寸显示修改


3、CSS设置,打开
  1. \static\image\mobile\style.css
复制代码


  1. .plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }
复制代码
改为
  1. .plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;}
复制代码


看到没有,CSS也限制了高和宽,改为按屏幕尺寸的百分比来显示。为了不撑破,别搞100%了,98%就足够了。


更新模板缓存,触屏版的图片就正常了。
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com

1

主题

6

帖子

82

积分

菜鸡疯子

Rank: 2

积分
82
发表于 2020-7-10 00:39:12 | 显示全部楼层
缺乏激情了!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

1

主题

9

帖子

83

积分

菜鸡疯子

Rank: 2

积分
83
发表于 2020-7-13 12:09:53 | 显示全部楼层
风清云淡、飘逸悠然……极爽!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

1

主题

3

帖子

1

积分

菜鸡代码

Rank: 1

积分
1
发表于 2020-7-20 19:36:08 | 显示全部楼层
这个帖子会火的,鉴定完毕!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

0

主题

6

帖子

2

积分

菜鸡代码

Rank: 1

积分
2
发表于 2020-8-2 00:34:17 | 显示全部楼层
顶顶更健康!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

0

主题

29

帖子

9

积分

菜鸡代码

Rank: 1

积分
9
发表于 2020-8-5 10:18:00 | 显示全部楼层
以后要跟楼主好好学习学习!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

0

主题

6

帖子

2

积分

菜鸡代码

Rank: 1

积分
2
发表于 2020-8-11 19:14:40 | 显示全部楼层
我裤子脱了,纸都准备好了,你就给我看这个?
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

0

主题

20

帖子

6

积分

菜鸡代码

Rank: 1

积分
6
发表于 2020-8-14 17:37:03 | 显示全部楼层
以后就跟楼主混了!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

0

主题

15

帖子

5

积分

菜鸡代码

Rank: 1

积分
5
发表于 2020-8-29 04:45:05 | 显示全部楼层
终于看完了,很不错!
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

1

主题

9

帖子

83

积分

菜鸡疯子

Rank: 2

积分
83
发表于 2020-9-7 09:10:15 | 显示全部楼层
家里有矿啊?
欢迎光临IT技术交流论坛:https://www.daimafengzi.com
省钱君,您的省钱专家:https://www.sqjun.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册 用百度帐号登录

本版积分规则

QQ|Archiver|手机版|小黑屋|IT技术交流论坛 ( 闽ICP备13013206号-7 )

GMT+8, 2020-10-21 07:23 , Processed in 0.071763 second(s), 31 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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