2010-06-30 151 views
1

使用TinyCarousel程序我创建了以下示例页面。 http://www.dealred.com/wa/jqimage.htmJQuery旋转木马图像修剪

传送带工作正常,但由于主页上的空间较少,因此我们需要在不缩小缩略图尺寸的情况下降低传送带的高度。

实际缩略图大小:175x175 旋转木马图像尺寸:140x140 要求的图像尺寸:116x140(不显示前12像素和图像的底部12像素)。这将节省我们24像素的高度,同时不影响质量。

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

是否可以通过使用CSS或JQuery来实现此目的。请帮助代码。 谢谢。

回答

0

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

+0

Hello Wieringen, 您提供的解决方案对我来说非常合适。你是天才。谢谢。 – user374760 2010-07-03 20:39:56

0

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

好奇的听到,如果有人比我更有经验,但有解决方案。

+0

你好ESB。在Photoshop中裁剪不是一个选项,因为我们需要在其他页面上显示完整尺寸的相同图像。 – user374760 2010-06-30 12:05:27

+0

猜猜我没看到问题。缩略图是与全尺寸图像分开的图像是否正确?我只是建议你裁剪并重新导出缩略图。 – ESB 2010-06-30 18:18:01