Swiperjs, выводит только 3 изображения. Остальные пропадают

Подключил Swiperjs. Структура html

<section class="mySwiper">
            <div class="swiper-container mySwiper__container">
                <div class="swiper-wrapper mySwiper__wrap">

                    <div data-hash="slide-1" class="swiper-slide mySwiper__item">
                        <div class="slider__image"><img src="https://picsum.photos/1920/1080" alt=""/></div>
                    </div>

                    <div data-hash="slide-2" class="swiper-slide mySwiper__item">
                        <div class="slider__image"><img src="https://picsum.photos/1920/1081" alt=""/></div>
                    </div>

                    <div data-hash="slide-3" class="swiper-slide mySwiper__item">
                        <div class="slider__image"><img src="https://picsum.photos/1920/1082" alt=""/></div>
                    </div>

                    <div data-hash="slide-4" class="swiper-slidemySwiper__item">
                        <div class="slider__image"><img src="https://picsum.photos/1920/1083" alt=""/></div>
                    </div>

                    <div data-hash="slide-5" class="swiper-slidemySwiper__item">
                        <div class="slider__image"><img src="https://picsum.photos/1920/1084" alt=""/></div>
                    </div>

                </div>

                <div class="mySwiper__button">
                    <div class="mySwiper__button-next">
                        <i class="material-icons md-18">arrow_back_ios</i>
                    </div>
                    <div class="mySwiper__button-prev">
                        <i class="material-icons md-18">arrow_forward_ios</i>
                    </div>
                </div>

            </div>

        </section>

В обложке 5 блоков из изображениями. Но слайдер "выводит" только 3 блока, а остальных как бы и нету... ничего не пойму

Код инициализации слайдера:

new Swiper ('.mySwiper__container', {
    navigation: {
        nextEl: '.mySwiper__button-prev',
        prevEl: '.mySwiper__button-next'
    },
    grabCursor: true,
    hashNavigation: {
        watchState: true
    },
    keyboard: {
        enabled: true,
        onlyInViewport: true,
        pageUpDown: true
    },
    autoHeight: true,
    slidesPerView: 1.4
});

URI где все это дело расположено - введите сюда описание ссылки


Ответы (0 шт):