Local carousel

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

видео Local carousel

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

А вот и подоспела очередная рубрика в моем блоге — #длясамыхмаленьких . В ней я буду рассказывать вам о простых вещах из мира веб-разработки доступным языком (попытаюсь во всяком случае). Сегодня мы поговорим о такой банальной вещи как слайдер. Скорее всего на подавляющем количестве сайтов в том или ином виде присутствует этот элемент, см. 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> добавляем стили:


Local Carousel Anzeige in Deutschland - Google Karussell


Google Local Carousel Test - Aiden

Новости

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

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

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

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

Облицовка натуральным камнем
Без подготовленной формы производство будет просто невозможным. Наиболее просто сделать искусственный камень своими руками можно из полиуретана, так как он обладают неограниченным сроком эксплуатации.

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

Изготовление печатей
Привычные нам печати уже долгие годы венчают листы важных документов, актов и постановлений. Они содержат значимые данные о предприятии. Нельзя недооценивать влияние оттисков, ведь обычное наличие печати

Искусственная кожа
Мастера по изготовлению мягкой мебели или кожгалантерии, прекрасно знают, что качество кожи, из которой изготавливается изделие во многом определяет его эксплуатационные характеристики и эстетичность

Уроки трейдинга форекс
Мечта. Надежда в чистом виде. Счастливый лотерейный билет. Так массы рисуют себе трейдинг. Они не принимают его всерьез, а за последние несколько лет укрепились во мнении, что тот, кто торгует, бесцельно

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

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

rss