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 где все это дело расположено - введите сюда описание ссылки