Как добавить свайп для iPad горизонтальной ориентации?

Question

[olya095]

https://jsfiddle.net/o146wyze/

Comments

[Виталий Першин]

Определить устройство и инициализировать слайдер с необходимой конфигурацией.

[olya095]

Виталий Першин, можно пример, пожалуйста? не совсем понятно

[olya095]

Виталий Першин, вернее уствойство еще могу найти (ниже, если не ошибаюсь)
а переинициализировать нет

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
} else{}

[Виталий Першин]

olya095, написал в ответ

Answer 1

[Виталий Першин]

if (/iPad/i.test(navigator.userAgent)) {
// Тут инициализируем слайдер для iPad
} else{
// Тут инициализируем слайдер для всех остальных устройств
}

А состояние в горизонтальном или вертикальном положении вы можете менять через брейкпоинты

Comments

[olya095]

Виталий Першин, спасибо, но как работает if else понимаю. Проблема именно в инициализации.. Ведь будет дублирование

[Виталий Першин]

olya095, Никакого дублирования не будет. Вы инициализируете слайдер один раз и все, устройство точно меняться не будет, вам даже не надо отслеживать что-либо, чтобы делать переинициализацию.

Или вы имеете ввиду, что будете писать похожий код в двух условиях? В таком случае это уже дело оптимизации, вы можете написать функцию в которой инициализируете слайдер и передавать в неё необходимые параметры.