JQuery изображения карусели обрезка

Question

Используя программу TinyCarousel, я создал следующую страницу примера.

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

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

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

Можно ли достичь этого с помощью CSS или JQuery. Пожалуйста, помогите с кодом. Спасибо.

Answer 1

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

Answer 2

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

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