Как правильно сделать слайдер на Owl Carousel 2?

Question

[twofolls]

Всем привет!
Задача такая, мне нужно реализовать слайдер.
В каждом слайдере вложенные блоки, слайды (с текстом, видео , и фотографией, которая при нажатии должна открываться на весь размер в попап окне).





Пытался реализовать в итоге полная чушь получается, смотрю уроки по нему в интернете, и всё равно не то.
Кто знает как правильно реализовать такую вещь и помочь?
Заранее спасибо!:)

*Обязательное условие, слайдер должен быть сделан плагином Owl Carousel 2.

Comments

[sergey]

и с чем у вас проблема, там нет ничего сложного (делал года 3 назад) что-то подобное, правда скорее всего на Bootstrap Carousel, но это не суть

Answer 1

[Геннадий User]

<div class="owl-carousel">
 <a href="/link/to/img.jpg" class="item"><img src="/link/to/img_min.jpg" /></a>
</div>

$(".owl-carousel").owlCarousel();
//Лично я использую fancybox для всплывушек
$(".item").fancybox();

То есть создаешь карусельки (желательно даже в each()), провешиваешь клики по .item, для удобства можно назначить им группу fancy, чтобы по клику на конкретную галерейку открывался набор изображений из нее.