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

Подключаем в слайдере 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"
	});
});

Готово.

Поделиться




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

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

 26.04.2018    16:06

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

Подробнее

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

 19.06.2016    13:54

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

Подробнее

UX-миф №25: эстетика не нужна, если есть юзабилити

 02.06.2016    22:58

Есть такие специалисты по юзабилити, которые отвергают важность эстетики, часто ссылаясь на непривлекательные, но популярные сайты вроде Craigslist.

Тем не менее, у эстетики есть назначение.

Подробнее