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

Новости

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

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

Заклепка din 7337
Практикум по слесарным работам Соединение деталей заклепками с полукруглой головкой Кроме склепывания деталей заклепками с потайной головкой, широкое применение находят соединения

Кованые ворота
[sam id=» 1″ codes=» true» ] Перед тем, как остановиться на каком-нибудь варианте, обратитесь к специалистам для получения детальной консультации по интересующим вопросам. Но подобрать

Кредит онлайн на карту с 18 лет украина
В наши дни оформить пластиковую карту с лимитом не составляет никакого труда. Нужно просто отправить заявку через сайт и дождаться ответа. Но куда сложнее сделать правильный выбор. В России работает свыше

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

Rivnenchanka.info
Желание работать над собой – это совершенно нормально. Если не задумываться, как стать лучше, чем ты есть, то можно многое потерять. Вообще-то все мы хорошо знаем свои слабые и сильные черты и над чем

Сайт о полезных и интересных советах
Желание работать над собой – это совершенно нормально. Если не задумываться, как стать лучше, чем ты есть, то можно многое потерять. Вообще-то все мы хорошо знаем свои слабые и сильные черты и над чем

Zhytomyryanka.info
Совершенство — это единственное в человеке, что не имеет предела. Как стать лучше самостоятельно и перестать бездействовать? Почему хочется расти, несмотря на стабильность? Как начать стараться, а не

Kyiv.name
Коли заходить мова про новорічне вбрання, у багатьох виникає питання, які ж кольори до вподоби покровителю наступаючого року. Дійсно, це і є найголовнішим. Ви можете зустрічати новий рік в сукнях, брюках

Yes-ternopil.com.ua
Черный цвет панели. Белизна экрана монитора. Мерцающий курсор. Пим-бим… Если вы ведете блог или занимаетесь постоянными публикациями в соцсетях, то наверняка сталкивались с творческим кризисом.

rss