Технические заметки

Подключаем в слайдере Bootstrap реакцию на тач

 25.06.2014    12:58

В Bootstrap замечательный слайдер, однако "из коробки" на touch- и swipe-события он не реагирует. Исправим это за 2 шага.

Шаг 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"
	});
});

Готово.

Поделиться




Читайте также:

Миф #28: Пустое место – потраченное место

 12.07.2018    10:48
Белое пространство или «отрицательное пространство» относится к областям между и вокруг элементов дизайна или макета страницы и часто упускается из виду. Подробнее

UX-миф №27: UX-проектирование — это про юзабилити

 26.04.2018    16:06

Умение проектировать пользовательский опыт значит для пользователя куда больше, чем разработка продукта. Пользовательский опыт охватывает продукт шире — он про то, как давать людям впечатляющие ощущения от использования.

Подробнее

UX-миф №26: тестирование юзабилити = фокус-группы

 19.06.2016    13:54

Когда доходит до сбора отзывов пользователей, тесты юзабилити и тесты на фокус-группах часто смешиваются. Хотя они имеют совершенно разные цели.

Подробнее