Swiper JS - это популярная JavaScript-библиотека, которая позволяет создавать интерактивные слайдеры на веб-страницах. Она предоставляет множество функций для управления слайдами, включая возможность прокрутки слайдов с помощью жестов.
Отвечая на ваш вопрос, по умолчанию Swiper JS не имеет функционала для прокрутки слайдов с помощью жестов "слева направо" или "справа налево" в вертикальном слайдере. Однако библиотека предоставляет мощные API и опции конфигурации, которые могут быть использованы для настройки этого поведения вручную.
Для того чтобы реализовать прокрутку вертикального слайдера с помощью жестов "слева направо" и "справа налево", вам понадобится добавить код для обработки жестов и вызова соответствующих методов Swiper JS.
Вот пример кода, который демонстрирует эту концепцию:
// Создаем новый объект Swiper с определенными параметрами
var mySwiper = new Swiper('.swiper-container', {
// Устанавливаем вертикальную прокрутку слайдера
direction: 'vertical',
// Включаем механизмы обработки событий жестов
touchEventsTarget: 'wrapper',
// Обработчик событий при свайпе слева направо
onSlideNextTransitionStart: function(swiper) {
swiper.slideNext(); // Прокручиваем на следующий слайд
},
// Обработчик событий при свайпе справа налево
onSlidePrevTransitionStart: function(swiper) {
swiper.slidePrev(); // Прокручиваем на предыдущий слайд
}
});
В этом примере мы создаем новый объект Swiper с определенными параметрами. Для включения вертикальной прокрутки мы устанавливаем значение свойства "direction" на "vertical". Затем, мы включаем обработку событий жестов, чтобы слайдер реагировал на свайпы.
В обработчиках событий "onSlideNextTransitionStart" и "onSlidePrevTransitionStart", мы вызываем методы "slideNext()" и "slidePrev()" соответственно, чтобы прокрутить слайдер на следующий или предыдущий слайд.
Таким образом, с помощью такого подхода, вы сможете реализовать прокрутку вертикального слайдера с помощью жестов "слева направо" и "справа налево" в Swiper JS.