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

 找回密码
 立即注册
搜索

[已答复] supersite聚合相册后图片大小怎么改?

[复制链接]
t345 发表于 2010-1-29 17:26:08 | 显示全部楼层 |阅读模式
本帖最后由 t345 于 2010-02-03 09:50 编辑

看相册里的图片,现在每张最大尺寸是:870*1219
可我的图片每张尺寸是:1200*1681

麻烦高手指点一下,怎么改成我的尺寸显示?
谢谢
回复

使用道具 举报

 楼主| t345 发表于 2010-1-31 21:44:30 | 显示全部楼层
自己顶一下!
回复

使用道具 举报

lidq.jingwu 发表于 2010-2-1 10:20:30 | 显示全部楼层
调整图片长宽问题是div+css来限制的,模板中的控制文件是有templates/default/css/common.css文件。
回复

使用道具 举报

 楼主| t345 发表于 2010-2-1 15:24:37 | 显示全部楼层
本帖最后由 t345 于 2010-02-01 15:41 编辑
调整图片长宽问题是div+css来限制的,模板中的控制文件是有templates/default/css/common.css文件。
lidq.jingwu 发表于 2010-02-01 10:20


非常感谢,不过横向显示有点问题,比如我图片是1200宽的,页面只能显示到962,我已经common.css里修改了如下这个,请问其他地方还需要改什么?


#image_show {}
        .image_caption { width:900px; margin:0 auto; padding:5px 0; overflow:hidden; color:#999; }
        .image_caption a { color:#369; text-decoration:underline; margin-left:5px; }
        .image_bigshow { width:900px; margin:0 auto; padding:15px 0; background:#F8F8F8; text-align:center; }
        .image_bigshow img { max-width:1200x;  width:expression(this.width > 1200 ? 1200: true); }
        .image_bigshow h3 { padding-top:6px;}
        #prev_next_news { width:900px; margin:0 auto; padding:10px 0 20px; }
                #prev_next_news a { color:#369; text-decoration:underline; }
回复

使用道具 举报

lidq.jingwu 发表于 2010-2-1 16:40:24 | 显示全部楼层
1200的宽度对于大多数的显示器来说都是很宽的,也不建议使用这么宽的宽度。
如果图片太宽,让它查看源图不就可以了吗?
回复

使用道具 举报

 楼主| t345 发表于 2010-2-2 11:14:29 | 显示全部楼层
1200的宽度对于大多数的显示器来说都是很宽的,也不建议使用这么宽的宽度。
如果图片太宽,让它查看源图不 ...
lidq.jingwu 发表于 2010-02-01 16:40


1200的尺寸确实大了点,可也没办法,图片小了内容就看不到了。还请高手指点一二,谢谢!
回复

使用道具 举报

 楼主| t345 发表于 2010-2-2 21:55:05 | 显示全部楼层
自己顶一下,麻烦路过的高手指点一下,谢谢!
回复

使用道具 举报

 楼主| t345 发表于 2010-2-3 09:50:04 | 显示全部楼层
行了,自己搞明白了。需要修改两处地方,俺不太明白代码,都是摸黑改的,真不容易啊。。。
第一处
.column { width:1200px; overflow:hidden; margin:0 auto 10px; }
        .col1 { float:left; width:700px; overflow:hidden; }
        .col2 { float:right; width:250px; }
        .col3 { float:left; width:380px; overflow:hidden; }
        .col4 { float:right; width:310px; overflow:hidden; }


第二处


#image_show {}
        .image_caption { width:960px; margin:0 auto; padding:5px 0; overflow:hidden; color:#999; }
        .image_caption a { color:#369; text-decoration:underline; margin-left:5px; }
        .image_bigshow { width:960px; margin:0 auto; padding:15px 0; background:#F8F8F8; text-align:center; }
        .image_bigshow img { max-width:1200x;  width:expression(this.width > 1200 ? 1200: true); }
        .image_bigshow h3 { padding-top:6px;}
        #prev_next_news { width:900px; margin:0 auto; padding:10px 0 20px; }
                #prev_next_news a { color:#369; text-decoration:underline; }

评分

1

查看全部评分

回复

使用道具 举报

 楼主| t345 发表于 2010-2-3 09:53:28 | 显示全部楼层
需要注意一下,改大后首页尺寸也拉大了!
回复

使用道具 举报

 楼主| t345 发表于 2010-2-3 10:04:48 | 显示全部楼层
又试了一下粘贴这个,可是首页还是有点变形,哎。。。

.column { width:960x;  width:expression(this.width > 960 ? 1200: true);  overflow:hidden; margin:0 auto 10px; }
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-9-15 06:11 , Processed in 0.112077 second(s), 15 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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