在不调整大小的情况下减少图像宽度(例如动态裁剪图像)

时间:2011-07-06 10:36:54

标签: javascript css

我解释问题的最好方法是基本上只给你这个链接:

http://www.tarmac.co.uk/default.aspx?landing=false

在这个网页上有一些带有扭曲的Javascript幻灯片。图像被塞进盒子中,但它们没有调整大小,只是重叠。在悬停时,图像会恢复原始大小,然后缩小。

我想知道这是怎么回事?

我想到了整个“位置:相对”malarky,但我不确定这是否是前进的方向。

所以我尝试制作它,我使用“float:left”和“display:inline”将图像排成一行,但随后它们会翻转。

我也试过“宽度:自动”,但我觉得......我只是看不出怎么做?

如果有人可以链接到更好的教程,但我找不到任何教程!

干杯,

亚历

1 个答案:

答案 0 :(得分:2)

在页面上,您提供的图片只是位于liwidth属性li属性在悬停时发生了变化。

所以我认为,你必须将图像放入某个容器并修改容器的宽度。

试试这个小提琴:http://jsfiddle.net/L3sCC/