Изменить количество видимых слайдов для планшетов и мобильных устройств - PullRequest
Новая
       28

Изменить количество видимых слайдов для планшетов и мобильных устройств

0 голосов
/ 07 января 2019

Я использую bxslider и хочу, чтобы на планшете и мобильном телефоне отображался только один слайд (768 пикселей и ниже), но при разрешении выше 768 пикселей мне бы хотелось, чтобы отображалось 6+ слайдов. Может кто-нибудь помочь мне с этим, пожалуйста? 

<script>
$(function(){
$('.bxslider').bxSlider({
captions: true,
speed: 900,
pause: 7000,
startSlide: 0,
infiniteLoop: true,
auto: true,
video: true,
touchEnabled: false,
pager: false,

});
});

if ( $(window).width() < 768) {
var myslider = $('.bxslider').bxSlider({
    ...
    maxSlides       : 1,
});  
}

else {
var myslider = $('.bxslider').bxSlider({
    ...
    maxSlides       : 4,
});
}
</script>

Если бы кто-то мог помочь, это было бы удивительно.

1 Ответ

0 голосов
/ 07 января 2019

Вы можете попытаться удалить первый экземпляр bxSlider (), вы вызываете его только внутри условий: 

<script>
$(document).ready(function(){

    $(function(){
        if( $(window).width() < 768) {
            $('.bxslider').bxSlider({
                captions: true,
                speed: 900,
                pause: 7000,
                startSlide: 0,
                infiniteLoop: true,
                auto: true,
                video: true,
                touchEnabled: false,
                pager: false,
                maxSlides: 1
            }); 
        } else {
            $('.bxslider').bxSlider({
                captions: true,
                speed: 900,
                pause: 7000,
                startSlide: 0,
                infiniteLoop: true,
                auto: true,
                video: true,
                touchEnabled: false,
                pager: false,
                maxSlides: 4
            });
        }
    });

});
</script>
...