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

Question

В настоящее время я нацелен на создание вертикальной карусели, позволяющей пользователям перемещаться по галереям миниатюр, карусель предназначен для отображения 3 предметов за клик, однако он показывает только 2 и немного.

Ссылка, чтобы увидеть его в действии http://mensclothingroom.factoryagency.co.uk/product/lambswool-round-neck-sweater/

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

Answer 1

Глядя на файл JS (/themes/mcr/resources/javascript/jquery.carousel.min.js) в данный момент ваша высота обертки рассчитывается по

s.itemHeight * s.steps.count + "px" 

но $itemHeight = $item.outerHeight(); и это не учитывает край дна (6px) вы вставили для вашего <li> элементы: на самом деле вы обертка теперь 252px высоты высокие (то есть 84px * 3) вместо 266px, так что вы должны изменить это выражение в

$itemHeight = $item.outerHeight(true);

это сделает упаковку достаточно высокой (84 + 6)px * 3 = 270px, чтобы содержать полностью три миниатюры, но, конечно, настроить и настроить расчет высоты в соответствии с вашими потребностями.

см. http://api.jquery.com/outerHeight/ для получения дополнительной информации