Create Stunning Image Carousels with Thumbnails!

    

<script>
jQuery(document).ready(function($){
    setTimeout(function() {
        var slider = document.querySelector('#main_slider .swiper').swiper;
        var thumbs = document.querySelector('#thumbs_slider .swiper').swiper;
        slider.params.slideToClickedSlide = true;
        slider.thumbs.swiper = thumbs;
        slider.thumbs.init();
        slider.update();
    }, 500);
})
</script>
<style>
#thumbs_slider .swiper-slide-thumb-active{
    opacity: 1 !important;
}
#thumbs_slider .swiper-slide{
    cursor: pointer;
    opacity: 0.5;
}
</style>