Как изменить стартовую позицию на мобильном телефоне для Owl Carousel - PullRequest
Новая
       8

Как изменить стартовую позицию на мобильном телефоне для Owl Carousel

0 голосов
/ 26 августа 2018

У меня есть 3 предмета на моей карусели сов, но я не хочу показывать их все на мобильном устройстве, или я хочу запустить карусель со 2-й позиции. Для этого я использую 

startPosition:

Все еще не работает. Есть ли хорошее решение для этого. 

$('.reviews').owlCarousel({
        loop:true,
        margin:10,
        autoplay:false,
        lazyLoad:true,
        startPosition: 1,
        autoplayTimeout:3000,
        autoplayHoverPause:true,
        responsiveClass:true,
        navText : ["<i class='fa fa-angle-left ca-left-arrow'></i>","<i class='fa fa-angle-right ca-right-arrow'></i>"],
        responsive:{
            0:{
                items:1,
                nav:true,
            },
            480:{
                items:1,
                nav:true,
                autoplay:true,
            },

            600:{
                items:2,
                nav:true,
                autoplay:true,
            },
            1000:{
                items:3,
                nav:false,
                loop:true,
                autoplay:false,
            }
        }
    })

1 Ответ

0 голосов
/ 02 апреля 2019 
var owl = $('.reviews').owlCarousel({
    loop:true,
    margin:10,
    autoplay:false,
    lazyLoad:true,
    startPosition: 1,
    autoplayTimeout:3000,
    autoplayHoverPause:true,
    responsiveClass:true,
    navText : ["<i class='fa fa-angle-left ca-left-arrow'></i>","<i class='fa fa-angle-right ca-right-arrow'></i>"],
    responsive:{
        0:{
            items:1,
            nav:true,
        },
        480:{
            items:1,
            nav:true,
            autoplay:true,
        },

        600:{
            items:2,
            nav:true,
            autoplay:true,
        },
        1000:{
            items:3,
            nav:false,
            loop:true,
            autoplay:false,
        }
    }
})
owl.trigger('to.owl.carousel', index);

Индекс - номер, с которого вы хотите начать.

...