sliders.js 3.84 KB
$(document).ready(function () {
    //товары + новости
    var owlSlidersHome = $(".slider-home");
    console.log(owlSlidersHome.length)
    for(var i = 0; i < owlSlidersHome.length; i++){
        if($(owlSlidersHome[i]).children().length > 1) {

            $(owlSlidersHome[i]).owlCarousel({
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        slideBy: 1,
                        loop:true,

                    },


                    470: {
                        items: 2,
                        slideBy: 1,
                        loop:true,

                    },


                    768: {
                        items: 3,
                        slideBy: 1,

                    },

                    920: {
                        items: 4,
                        slideBy: 1,

                    }
                },
                smartSpeed:250,
                nav:true,
                navText:[],
                loop:true,


                onInitialize: function(){
                    // $(owlSlidersHome[i]).on('initialized.owl.carousel', function(event) {
                    //     // console.log(event.page.size)
                    //     // console.log(event.item.count)
                    //
                    //     if(event.page.size < event.item.count){
                    //         $(owlSlidersHome[i]).parent().parent().find('.btn-l_').addClass('vis_ lock');
                    //         $(owlSlidersHome[i]).parent().parent().find('.btn-r_').addClass('vis_');
                    //     } else {
                    //         $(owlSlidersHome[i]).parent().parent().find('.btn-l_').addClass('disabled');
                    //         $(owlSlidersHome[i]).parent().parent().find('.btn-r_').addClass('disabled');
                    //     }
                    // })
                }
            })



            $(owlSlidersHome[i]).parent().parent().find(".btn-r_ ").click(function(){
                //console.log('prev');

                if(!($(this).hasClass('lock'))){
                    $(this).parent().parent().find(owlSlidersHome).trigger('next.owl.carousel');
                }

            })

            $(owlSlidersHome[i]).parent().parent().find(".btn-l_").click(function() {
                //console.log('next');
                if(!($(this).hasClass('lock'))){
                    $(this).parent().parent().find(owlSlidersHome).trigger('prev.owl.carousel');

                }
            })

            // $(owlSlidersHome[i]).on('changed.owl.carousel', function(event) {
            //     var index = event.item.index;
            //     var count = event.item.count;
            //     var size = event.page.size;
            //
            //     if(size < count){
            //         $(this).parent().parent().find(".btn-l_").addClass('vis_');
            //         $(this).parent().parent().find(".btn-r_").addClass('vis_');
            //     } else {
            //         $(this).parent().parent().find(".btn-l_").removeClass('vis_');
            //         $(this).parent().parent().find(".btn-r_").removeClass('vis_');
            //     }
            //
            //     if(index==(count-size)){
            //         $(this).parent().parent().find(".btn-r_").addClass('lock')
            //     } else {
            //         $(this).parent().parent().find(".btn-r_").removeClass('lock')
            //     }
            //     if (index==0){
            //         $(this).parent().parent().find(".btn-l_").addClass('lock')
            //     } else  {
            //         $(this).parent().parent().find(".btn-l_").removeClass('lock')
            //     }
            // })

            $(owlSlidersHome[i]).on('translated.owl.carousel', function(event) {


            })
        }
    }
    
})