jquery - JQuery カルーセル画像のトリミング

Question

TinyCarousel プログラムを使用して、次のサンプル ページを作成しました。 http://www.dealred.com/wa/jqimage.htm

カルーセルは正常に機能していますが、ホームページのスペースが少ないため、サムネイルのサイズを縮小せずにカルーセルの高さを縮小する必要があります。

実際のサムネイル サイズ: 175x175 カルーセル画像サイズ: 140x140 必要な画像サイズ: 116x140 (画像の上部 12 ピクセルと下部 12 ピクセルを表示しないでください)。これにより、高さを 24 ピクセル節約でき、同時に品質に妥協はありません。

Photoshop でサンプル要件を作成しました。これをチェックしてください。

CSSまたはJQueryを使用してこれを達成することは可能ですか。コードを手伝ってください。ありがとう。

Answer 1

私の答えが気に入っていただけるかどうかはわかりませんが、Photoshop でアクションを設定し、すべてのサムネイルをトリミングするだけです。サムネイルがdivなどで背景画像として設定されていない限り、サムネイルを「トリミング」する簡単な方法は考えられません。

私よりも経験豊富な人が解決策を持っているかどうか知りたいです。

Answer 2

画像の周りにラッパー div を作成して、overflow: hidden; を配置できます。その上で高さを定義します。親指を -12px 上に配置します。