JQuery карусель изображения отделкой

Question

Используя программу TinyCarousel, я создал следующую страницу примера. http://www.dealred.com/wa/jqimage.htm

Карусель работает нормально, но, поскольку у меня меньше места на главной странице, нам нужно уменьшить высоту карусели без уменьшения размеров миниатюр.

Фактический размер эскиза: 175x175 Размер изображения карусели: 140x140 Требуемый размер изображения: 116x140 (не показывать верхние 12px и нижние 12px изображения). Это сэкономит нам высоту 24 пикселя и в то же время не приведет к компромиссу по качеству.

Я создал образец требования в фотошопе. Пожалуйста, проверьте это.

Возможно ли достичь этого с помощью CSS или JQuery. Пожалуйста, помогите с кодом. Благодаря.

Answer 1

Вы можете сделать div-обертку вокруг изображения, добавив переполнение: hidden;на нем и определите высоту.И поместите большой палец -12px к вершине.

Answer 2

Не знаю, понравится ли вам мой ответ, но я бы просто настроил действие в Photoshop и обрезал все миниатюры.Я не могу придумать простой способ «обрезать» миниатюры, если они не были заданы как фоновое изображение в div или чем-то еще.

Любопытно услышать, если у кого-то более опытного, чем у меня, есть решение.