Slide with thumbnail using Owl Carrousel 2

Question

People would like to know if there is the possibility of making a thumbnails slide like this here with owl-carrousel 2 if there is a link that shows some example of how to do the image below and in the link wanted to do this slide using the Owl-Carrousel

Answer 1

There is a that plugin to create thumbnail in Owl-Carrousel.

Basically, you add it to the Owl call:

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    thumbs: true,
    thumbsPrerendered: true
  });
});

And then add the thumbnail in HTML:

<div class="owl-carousel" data-slider-id="1">
    <div>Your Content</div>
    <div>Your Content</div>
    <div>Your Content</div>
    <div>Your Content</div>
</div>
<div class="owl-thumbs" data-slider-id="1">
    <button class="owl-thumb-item">slide 1</button>
    <button class="owl-thumb-item">slide 2</button>
    <button class="owl-thumb-item">slide 3</button>
    <button class="owl-thumb-item">slide 4</button>
</div>

Demonstration