JQuery轮播图像修剪

Question

使用TinyCarousel程序，我创建了以下示例页面。 http://www.dealred.com/wa/jqimage.htm

旋转木马工作正常，但由于主页上的空间较小，我们需要在不缩小缩略图大小的情况下降低旋转木马的高度。

实际缩略图尺寸：175x175 旋转木马图像尺寸：140x140 所需图像大小：116x140（不显示图像的顶部12px和底部12px）。这将节省我们24像素的高度，同时不会影响质量。

我在photoshop中创建了一个示例要求。请检查一下。

是否可以通过使用CSS或JQuery来实现这一点。请帮助代码。 感谢。

Answer 1

不知道你是否喜欢我的答案，但我只想在Photoshop中设置一个动作并裁剪所有缩略图。我想不出一个简单的方法来“裁剪”缩略图，除非它们被设置为div或其他东西中的背景图像。

很想知道是否有人比我更有经验。

Answer 2

你可以在图像周围做一个包装div放一个溢出：隐藏;在它上面并定义高度。并将拇指-12px放在顶部。