JQuery旋轉木馬圖像修剪

Question

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

傳送帶工作正常，但由於主頁上的空間較少，因此我們需要在不縮小縮略圖尺寸的情況下降低傳送帶的高度。

實際縮略圖大小：175x175 旋轉木馬圖像尺寸：140x140 要求的圖像尺寸：116x140（不顯示前12像素和圖像的底部12像素）。這將節省我們24像素的高度，同時不影響質量。

我在photoshop中創建了一個樣例需求。請檢查一下。

是否可以通過使用CSS或JQuery來實現此目的。請幫助代碼。 謝謝。

Answer 1

你可以在圖像周圍做一個包裝div放置一個溢出：hidden;在上面並且定義高度。並將拇指-12px放置在頂部。

Answer 2

不知道你是否會喜歡我的答案，但我只是在Photoshop中設置一個動作並裁剪所有的縮略圖。我想不出一個簡單的方法來「裁剪」縮略圖，除非它們被設置爲div或其他東西的背景圖像。

好奇的聽到，如果有人比我更有經驗，但有解決方案。