Как сделать dots в виде картинок owl в carousel?

Question

[z_u_q]

Кастомизирую слайдер, нужно, чтобы при нажатии на картинку снизу, слайдер переключался. Вроде бы картинки снизу являются по сути dots, но почему-то они не работают, как dots. При клике на картинки снизу слайды не переключаются, хотя сам слайдер рабочий. В чем ошибка?

Код слайдера.

Comments

[Max Developer]

выложите код
мы же не ванги тут

Answer 1

[Андрей Б.]

codepen.io

Comments

[z_u_q]

Спасибо, то, что искал.

Answer 2

[Антон]

$(document).ready(function() {
    $('.owl-carousel').owlCarousel({
      items: 1,
      loop: true,
      dots: true,
      dotsContainer: '.slider-nav .thumbs',
    })
  });
$('.thumb').click(function(){
 $('.owl-carousel').trigger('to.owl.carousel', [$(this).index(), 300]);  
})

Comments

[z_u_q]

Спасибо.