- Форум
- Уроки Joomla
- Ошибки и решение проблем.
- Joomla - bootstrap - карусель с реакцией на тач (swipe)
Joomla - bootstrap - карусель с реакцией на тач (swipe)
hush / Автор темы \

Web-Мастер

198
2
2
3 года 6 мес. назад #9117 от hush
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

Администратор

2882
228
663
3 года 6 мес. назад - 3 года 6 мес. назад #9118 от Wedal
hush, 3-й Bootstrap не умеет свайп из коробки. Используйте этот скрипт. Подключать его нужно на страницу, где выводится слайдер (оба шага).
Последнее редактирование: 3 года 6 мес. назад от Wedal.
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Форум
- Уроки Joomla
- Ошибки и решение проблем.
- Joomla - bootstrap - карусель с реакцией на тач (swipe)