var contentSlider = $('.blog-slider__cont');
var imageSlider = $('.blog-slider__slider');
contentSlider.owlCarousel({
items: 1,
loop: true,
dots: false,
nav: false,
mouseDrag: false,
touchDrag: false,
});
imageSlider.owlCarousel({
loop: true,
dots: true,
nav: false,
items: 1,
margin: 30,
responsive: {
320: {
items: 1,
},
576: {
items: 2,
},
},
});
imageSlider.on('changed.owl.carousel', function (event) {
var currentIndex = event.relatedTarget.relative(event.item.index);
contentSlider.trigger('to.owl.carousel', [currentIndex]);
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter