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

Question

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

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

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

我想知道这怎么可能？

我认为整个“position:relative”是错误的，但我不确定这是否是前进的方向。

所以我尝试做到这一点，我使用“float: left”和“display: inline”来排列图像，但随后它们会覆盖。

我也尝试过“width: auto”，但我觉得...我只是看不出该怎么做？

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

干杯，

亚历克斯

Answer 1

在页面上，您提供的图片刚好位于 li 中，li 的 width 属性在悬停时发生变化。

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

试试这个 fiddle :http://jsfiddle.net/L3sCC/