here is the codepen.io/cache0/pen/JWMNge pen

here is the code

jQuery(document).ready(function($) { var owlBen = $(".binefits_slider.owl-carousel"); owlBen.on('initialized.owl.carousel', function(event) { $.each($('.owl-item'), function(i) { var paginatorsLink = $('.ben_page'); $(paginatorsLink[i]) // i - counter // Give some styles and set background image for pagination item .css({ 'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat', 'background-size': 'cover' }) // set Custom Event for pagination item .click(function() { owlBen.trigger("to.owl.carousel", i); }); }); }); owlBen.owlCarousel({ // Most important owl features items: 1, animateOut: 'fadeOut', animateIn: 'fadeIn', loop: true, dots: false, nav: false, callbacks: true, autoplay: true, }); });
  • So it is conceived that by clicking on the preview - do not open those pictures that in the preview? :) - YozhEzhi
  • one
    codepen.io/sirnightowl/pen/JoJwrE is an example in which you set active for the active preview. - YozhEzhi
  • there were no such incidents with local files))) - cache0
  • unfortunately in the example the preview is set to the points that the owl-dots owl-dot follow as standard, it is interesting with custom links so as not to fence the bike with recalculating all the items and counting from 0 to the active element using the active class for the corresponding account - cache0
  • about different thumbnails, so this is some kind of mistake with the plugin - when the loop is specified in the settings: true, then duplicates of slides with the class 'cloned' are created and their counting is also counted, therefore another address is put in the previews - cache0

0