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

$(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]);  
})