【发布时间】：2012-09-13 18:53:40
【问题描述】：
我正在尝试制作一个缩略图，它在悬停时会将其图像（比包装器长）一直移动到左侧，仅使用 CSS 并使用 img 元素而不是带有 background-image 的 div。
我的问题是，鉴于图像具有不同的宽度，我不知道如何找到移动它的距离。
我在a demo 中正确移动了左图，因为我计算了它需要移动多少，而具有相同 CSS 的右图移动不正确。
【问题讨论】：
-
您可能不得不使图像的宽度都相同。或者花哨的 javascript 计算。
-
@KyleSevenoaks，第一个是不可能的。在 javascript 中非常简单，我不需要“花哨的计算”，但我不想使用它，因为它可能会减慢我的网页速度。
-
一个脚本不会显着降低您的页面速度..
-
我不知道脚本的复杂性或减速会有多糟糕（或不），我只是假设它，但如果你这么说，我想我会尝试做这与
jQuery -
是的，我认为这是最好的方法。一个 jQuery 脚本来计算它不会显着减慢页面速度。尤其是在当今的下载速度下。
标签： css slider thumbnails