Local carousel

Опубликовано: 27.09.2017

видео Local carousel

Google Local Carousel Test - Aiden

А вот и подоспела очередная рубрика в моем блоге — #длясамыхмаленьких . В ней я буду рассказывать вам о простых вещах из мира веб-разработки доступным языком (попытаюсь во всяком случае). Сегодня мы поговорим о такой банальной вещи как слайдер. Скорее всего на подавляющем количестве сайтов в том или ином виде присутствует этот элемент, перейдите сюда Local carousel. Он позволяет запихать большой объем данных в ограниченное по размеру место, да и в целом способов его применения масса.

За свою жизнь я перепробовал кучу всевозможных слайдеров и в качестве основного у меня всегда был «FlexSlider 2» до того момента пока я не попробовал героя нашей сегодняшней записи — Owl Carousel 2.

Owl Carousel 2 — Гибкий, приятный и удобный в использовании слайдер. Он интуитивно понятно себя ведет, адаптивен, замечательно себя чувствует на любых платформах и разрешениях. Использовать его в работе — одно удовольствие.

Собсно для начала нам нужно его скачать. Пакет доступен из npm и bower:

npm npm install --save owl.carousel

bower bower install --save owl.carousel

Если вы не хипстер используете пакетные менеджеры, то можно скачать с гитхаба в разделе релизов: Скачать Owl Carousel 2

На момент написания статьи актуальная версия 2.1.6 и в качестве примера я буду использовать ее.

Само собой нам так же понадобиться jQuery.

Скачав и распаковав Owl Carousel 2 нам нужно его подключить. Для этого в <head> добавляем стили:


Twenty One Pilots & Melanie Martinez - Carousel Ride (Mashup) [Video]


Carousel Works: Locally Crafted, curated by Windstream

Новости

Где купить держатель для смартфона

Любой смартфон давно превратился неотъемлемым атрибутом повседневной жизни, который помогает не только поддерживать непрерывную связь с необходимыми людьми. Он также позволяет постоянно быть информированным

Эвакуатор
Эвакуатор может понадобиться в самый неожиданный момент, ведь дорога непредсказуема. По этой причине опытные водители рекомендуют иметь в машине визитку соответствующей службы. Такие компании, как правило,

Обрезная доска
Ствол дерева от своего естественного состояния до рукотворного элемента обстановки вокруг нас претерпевает ряд изменений, которые не могут не повлиять на его характеристики. Первая производная сваленного

Frankivsk-trend.in.ua
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

Полтава
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

Rivne-trend.in.ua
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

Poltava-trend.in.ua
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

Хмельницкий
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

Сайты Львова
Какое доменное имя лучше выбрать? Чтобы ответить на этот вопрос, необходимо вначале определиться с назначение и спецификой самого сайта. С именем домена, как с именем ребенка — выбирается

Хмельницкий
Широта распространения и охвата аудитории лежит в основе деления культуры на элитарную и массовую. Элитарная культура — это культура привилегированных групп общества, характеризующаяся принципиальной

rss