Цикл слайдера Swiper не работает должным образом, если слайдов меньше, чем двойное значение. ⇐ Jquery
Цикл слайдера Swiper не работает должным образом, если слайдов меньше, чем двойное значение.
Если я использую **6 слайдов ** и slidesPerView: 3, все работает нормально, но если 5 слайдов и slidesPerView: 3, тогда остановка после последнего слайда не зацикливается
var swiper = new Swiper('.swiper-container', { направление: «вертикальное», слайдыPerView: 3, пространствоМежду: 30, колесо мыши: правда, GrabCursor: правда, цикл: правда, Автовоспроизведение: { задержка: 500, отключитьOnInteraction: ложь, } }); html, body { положение: относительное; высота: 100%; } тело { фон: #eee; семейство шрифтов: Helvetica Neue, Helvetica, Arial, без засечек; размер шрифта: 14 пикселей; цвет:#000; маржа: 0; заполнение: 0; } .swiper-контейнер { ширина: 100%; высота: 100%; } .swiper-слайд { выравнивание текста: по центру; размер шрифта: 18 пикселей; фон: #fff; /* Центрировать текст слайда по вертикали */ дисплей: -webkit-box; дисплей: -ms-flexbox; дисплей: -webkit-flex; дисплей: гибкий; -webkit-box-pack: центр; -ms-flex-pack: центр; -webkit-justify-content: центр; оправдание-содержание: центр; -webkit-box-align: по центру; -ms-flex-align: центр; -webkit-align-items: центр; выровнять-элементы: по центру; Слайд 1 Слайд 2 Слайд 3 Слайд 4 Слайд 5
Если я использую **6 слайдов ** и slidesPerView: 3, все работает нормально, но если 5 слайдов и slidesPerView: 3, тогда остановка после последнего слайда не зацикливается
var swiper = new Swiper('.swiper-container', { направление: «вертикальное», слайдыPerView: 3, пространствоМежду: 30, колесо мыши: правда, GrabCursor: правда, цикл: правда, Автовоспроизведение: { задержка: 500, отключитьOnInteraction: ложь, } }); html, body { положение: относительное; высота: 100%; } тело { фон: #eee; семейство шрифтов: Helvetica Neue, Helvetica, Arial, без засечек; размер шрифта: 14 пикселей; цвет:#000; маржа: 0; заполнение: 0; } .swiper-контейнер { ширина: 100%; высота: 100%; } .swiper-слайд { выравнивание текста: по центру; размер шрифта: 18 пикселей; фон: #fff; /* Центрировать текст слайда по вертикали */ дисплей: -webkit-box; дисплей: -ms-flexbox; дисплей: -webkit-flex; дисплей: гибкий; -webkit-box-pack: центр; -ms-flex-pack: центр; -webkit-justify-content: центр; оправдание-содержание: центр; -webkit-box-align: по центру; -ms-flex-align: центр; -webkit-align-items: центр; выровнять-элементы: по центру; Слайд 1 Слайд 2 Слайд 3 Слайд 4 Слайд 5
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Петля Swiper Slider не работает должным образом, когда слайды меньше, чем двойное значение
Anonymous » » в форуме Jquery - 0 Ответы
- 2 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Петля Swiper Slider не работает должным образом, когда слайды меньше, чем двойное значение
Anonymous » » в форуме CSS - 0 Ответы
- 2 Просмотры
-
Последнее сообщение Anonymous
-