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

 找回密码
 立即注册
搜索

[疑问] 请教:SS里如何做出不拉伸变形的首页幻灯片

[复制链接]
royule 发表于 2009-10-31 00:30:01 | 显示全部楼层 |阅读模式
这里找了很多模板,发现都存在幻灯片里的图片拉伸变形的问题
请教一下怎么才能做出完美的幻灯呢?

资讯里的图片有不同的长宽比例,有横的竖的
但是幻灯片窗口的宽/高比例是固定死的
怎么才能实现呢,下面是我的想法:
1,先把图片等比例缩小(图片宽/高都分别大于幻灯窗口的宽/高)或者等比例放大(图片宽/高有任一个小于幻灯窗口的宽/高)到能正好幻灯窗口的宽或高
如图示:
clip.JPG
2,再把超出的部分用css隐藏

不知道怎么用css进行上面方式的实现?
看那些大的站点,图片都没有变形,都是等比例放大或者缩小至正好一边盖住窗口,其余部分隐藏的
请教css达人指点啊!!!!
回复

使用道具 举报

 楼主| royule 发表于 2009-10-31 23:58:34 | 显示全部楼层
23小时过去了,没有侠士站出来解惑啊?((em:07))……
回复

使用道具 举报

白垩纪 发表于 2009-11-1 09:35:05 | 显示全部楼层
我也不会。 尽量自己手动改吧。 资讯一般都是要 人工审核的。你审核的时候 把图片处理一下不就行了
回复

使用道具 举报

 楼主| royule 发表于 2009-11-2 15:04:54 | 显示全部楼层
顶起来,期待css达人相助!
回复

使用道具 举报

lidq.jingwu 发表于 2009-11-2 15:48:27 | 显示全部楼层
CSS不是很强,建议使用缩略图,缩略图的大小可以在后台设置的。
回复

使用道具 举报

dongdong0925 发表于 2009-11-2 16:08:54 | 显示全部楼层
overflow:hidden   我知道这个属性    超出部分隐藏不显示  不知道行不行   你可以试试
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-9-16 20:52 , Processed in 0.134920 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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