Thumbnail pictures for Owl-Carousel

Thumbnail-img-owl.js

$(document).ready(function() {
 
    $("#slider").owlCarousel({
    	 navigation : true, // Show next and prev buttons
    	 slideSpeed : 300,
    	 paginationSpeed : 400,
    	 singleItem:true,
    	 navigationText: false,
    	 pagination : true
    });
 

    var dotcount = 1;

    jQuery('.owl-dot').each(function() {
        jQuery(this).addClass('dotnumber' + dotcount);
        jQuery(this).attr('data-info', dotcount);
        dotcount = dotcount +1;
    });

    var slidecount = 1;

    jQuery('.owl-item').not('.cloned').each(function() {
        jQuery(this).addClass('slidenumber' + slidecount);
        slidecount = slidecount +1;
    });

    jQuery('.owl-dot').each(function() {
        var grab = jQuery(this).data('info');

        var slidegrab = jQuery('.slidenumber' + grab + ' img').attr('src');

        jQuery(this).css("background-image", "url(" + slidegrab + ")");
    });
 
});