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

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

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

Подробнее

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

Поделиться