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

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();, и это не учитывает нижнее поле (* 1006)*) вы вставили для своих <li> элементов: фактически ваша обертка теперь имеет высоту 252px (то есть 84px * 3) вместо 266px, поэтому вы должны изменить это выражение на

$itemHeight = $item.outerHeight(true);

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

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