Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已答复] 首页DIY图片变形?

[复制链接]
applebooks 发表于 2012-1-11 13:49:30 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2
浏览器: 360 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: http://www.aijpg.com


首页幻灯片的图片没有问题,就是这些图都变形拉  。。。。。。。求解~

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
唐河房产 发表于 2012-1-11 17:35:51 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

helustrive 发表于 2012-1-11 20:54:30 | 显示全部楼层
图看不清,,有高清嘛。
回复

使用道具 举报

wj20080808 发表于 2012-2-3 16:54:14 | 显示全部楼层
本帖最后由 wj20080808 于 2012-2-3 18:33 编辑

在DIY状态下,进入你要编辑的模块
【编辑】--》【属性】,进入[编辑属性]页

在此页下,进入【模块模板】

修改其中的CSS

给一个我的样本供你参考:
  1. <div class="module cl slidebox">
  2. <ul class="slideshow">
  3. [loop]
  4. <li style="max-width: {picwidth}px; max-height: {picheight}px; text-align:center"><a href="{url}"{target}><img src="{pic}" max-width="{picwidth}" max-height="{picheight}" height="{picheight}"/></a><span class="title">{title}</span></li>
  5. [/loop]
  6. </ul>
  7. </div>
  8. <script type="text/javascript">
  9. runslideshow();
  10. </script>
复制代码
其中主要是:
1:将原来的高宽,变成“最高”“最宽”
2:增加设置图片居中(text-align:center)
3:在<img src=***> 也只设置最高,最宽,关键要设一个高度为你的图片高度(不要设宽度)或者只设宽度,不设高度也行(按指定宽度缩放),视具体情况而定

这样显示时就会以指定高度、按比例缩放,并且居中显示了。

注意:只有那些支持max-width, max-height的浏览器才起作用,可能老的浏览器不支持。

以上是针对“图片幻灯片”类模板所做的修改,其他地方,涉及图片显示的,也可以此类推。

总之,对于DISCUZ 所体现出来的灵活性,还是需要赞美和感激的。



回复

使用道具 举报

cr180 发表于 2012-2-5 13:47:03 | 显示全部楼层
这个问题楼主应该解决了吧

另外发现你的页面在火狐里有错位的问题

解决方法:
文件:http://www.aijpg.com/template/pic/new.css

查找:
  1. #hd
复制代码
后面有个height:30px
把30改为100即可
回复

使用道具 举报

libake 发表于 2012-8-21 16:35:28 | 显示全部楼层
功能确实强大。
回复

使用道具 举报

荣海照明 发表于 2012-8-21 17:09:06 | 显示全部楼层
可能一些地方没有处理好
回复

使用道具 举报

杂品客 发表于 2012-8-25 18:36:44 | 显示全部楼层
我的也同样问题啊,怎么解决啊??
小站www.zapinke.com左栏下部分,DIY

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 16:00 , Processed in 0.041809 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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