Joomla - bootstrap - карусель с реакцией на тач (swipe)
- hush
- Автор темы
- Не в сети
- Завсегдатай
Less
Больше
- Сообщений: 196
- Спасибо получено: 2
4 года 8 мес. назад #9117
от hush
hush создал тему: Joomla - bootstrap - карусель с реакцией на тач (swipe)
Wedal, добрый день
Мне нужно настроить стандартную бутстраповскую карусель так, чтобы в мобильной версии можно было листать пальцами, не нажимая на кнопки.
Все облазил и так и не понял - зашита эта функция, или нужно подключать другую библиотеку?
самое лаконичное решение, которое нашел:
Шаг 1. Подключаем jquery.touchSwipe
<script src="//cdn.jsdelivr.net/jquery.touchswipe/1.6.5/jquery.touchSwipe.min.js"></script>
Шаг 2. Подключаем обработку событий
$(document).ready(function(){
$(".carousel").swipe( {
swipeLeft: function() {
$(this).carousel("next");
},
swipeRight: function() {
$(this).carousel("prev");
},
allowPageScroll: "vertical"
});
});
Но где и куда подключать так и не понял. Помогите плиз разобраться
спасибо
Мне нужно настроить стандартную бутстраповскую карусель так, чтобы в мобильной версии можно было листать пальцами, не нажимая на кнопки.
Все облазил и так и не понял - зашита эта функция, или нужно подключать другую библиотеку?
самое лаконичное решение, которое нашел:
Шаг 1. Подключаем jquery.touchSwipe
<script src="//cdn.jsdelivr.net/jquery.touchswipe/1.6.5/jquery.touchSwipe.min.js"></script>
Шаг 2. Подключаем обработку событий
$(document).ready(function(){
$(".carousel").swipe( {
swipeLeft: function() {
$(this).carousel("next");
},
swipeRight: function() {
$(this).carousel("prev");
},
allowPageScroll: "vertical"
});
});
Но где и куда подключать так и не понял. Помогите плиз разобраться
спасибо
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
4 года 8 мес. назад - 4 года 8 мес. назад #9118
от Wedal
Wedal ответил в теме Joomla - bootstrap - карусель с реакцией на тач (swipe)
hush, 3-й Bootstrap не умеет свайп из коробки. Используйте этот скрипт. Подключать его нужно на страницу, где выводится слайдер (оба шага).
Последнее редактирование: 4 года 8 мес. назад пользователем Wedal.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.