@r_g_b_a

Как заставить работать swiper?

Здравствуйте.
Пытаюсь сделать прокрутку фото товара, но столкнулся с двумя проблемами:
1) Слайдер слева (синий) не возможно свайпнуть до последнего элемента, пока не сработает resize окна.
2) Активный слайд (зеленый) при прокрутке всегда должен быть полностью видимым.
https://jsfiddle.net/xbz8qed0/3/

Я нашел частичное решение проблемы
https://jsfiddle.net/pwrh6uok/
Если задать фиксированную высоту синего слайдера вместо 100%, то решается первая проблема. Но мне нужно, чтобы эта высота рассчитывалась в зависимости от высоты красного слайдера, а там она будет динамической.

https://jsfiddle.net/pwrh6uok/1/
Если поменять slidesPerView: 'auto' на slidesPerView: 3, к примеру, то решается вторая проблема. Но в этом случае синие слайды имеют фиксированную высоту, а она должна быть равна высоте контента внутри.
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы