@Scalletta

Как связать две owl-carousel?

Задача сделать подобный слайдер:

5a7b2c72ce194643711705.jpeg
Большая картинка - активный слайд.
Маленькие картинки - слайды этого же слайдера.

Лента из слайдов листается и выбирается нужный слайд, листая большую картинку листаются также слайды ниже.
Есть слайдер SlickSlider, у него создается два слайдера и они связываются между собой. Но заказчику нужен OwlSlider2, гуглю гуглю, ничего найти не могу. В доках такую функцию не вижу. Как реализовать эту задачу?
  • Вопрос задан
  • 1882 просмотра
Решения вопроса 1
@lodas
Проще переделать слайдер на slick, там есть юзабельное решение вашей проблемы. Делаются 2 слайдера:
$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
});

где asNavFor: - привязка слайдеров с друг другом.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
DDolgy
@DDolgy
Распи***й
Тупой вопрос, пробовал взять два слайдера и убрать из второго стрелочки и id одинаковые поставить?)
Ответ написан
Связывать их можно через https://owlcarousel2.github.io/OwlCarousel2/docs/a... но реализацию придётся писать самому
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:25
2000 руб./за проект
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект