Версия: v1.0.0

Каталог: Сниппеты Bootstrap

Категория: Слайдеры

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 911

Количество символов:

Посмотрели: 14214 раз

Помощь: установка & настройка

Прокомментировали: 4 раз

Рейтинг: 4.4 / 5 - 16 голосов

Тип лицензии: CC BY 4.0

Авторство: http://goo.gl/BQuPzu

Информация: Пользователям

Информация: Правообладателям

Теги: адаптивный, Snippet, Effect, сниппет, Bootstrap, Responsive, html, ANIMATE, Slider, слайдер

Поделился: BootstrapТема

Добавлено: 2016-04-23 в 15:11

Метка: 1566071075

⇄ ⇅

<div id="carousel-example-generic" class="carousel slide carousel-fade carousel-animate carousel-bg" data-ride="carousel">
 
 <ol class="carousel-indicators">
 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 </ol>
 
 <div class="carousel-inner" role="listbox">
 <div class="item active" style="background-image: url(http://drawings-girls.ucoz.net/2015/05/krasivaya-devushka-albinos.jpg)">
 <div class="carousel-caption">
 <div class="hero">
 <hgroup class="zoomInDown animated">
 <h1 class="fadeInLeft animated">Bootstrap Carousel Animate</h1>
 <h3 class="slideInRight animated">Animate.css for Carousel Bootstrap</h3>
 </hgroup>
 <button class="btn btn-hero btn-lg bounceInUp animated" role="button">Go MY</button>
 </div>
 </div>
 </div>
 <div class="item" style="background-image: url(http://drawings-girls.ucoz.net/2015/05/puhovaya-devushka.jpg)">
 <div class="carousel-caption">
 <div class="hero fadeInUp animated">
 <hgroup>
 <h1>Carousel Animate Bootstrap</h1>
 <h3>Carousel Bootstrap for Animate.css</h3>
 </hgroup>
 <button class="btn btn-hero btn-lg zoomIn animated" role="button">Go MY</button>
 </div>
 </div>
 </div>
 <div class="item" style="background-image: url(http://drawings-girls.ucoz.net/2015/05/fantasticheskaya-devushka-na-vetke.jpg)">
 <div class="carousel-caption">
 <div class="hero rollIn animated">
 <hgroup class="rotateInDownRight animated">
 <h1>Animate Carousel Bootstrap</h1>
 <h3>Bootstrap Carousel for Animate.css</h3>
 </hgroup>
 <button class="btn btn-hero btn-lg" role="button">Go MY</button>
 </div>
 </div>
 </div>
 </div>
 
 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 <span class="sr-only">Назад</span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 <span class="sr-only">Вперёд</span>
 </a>
 </div>

</div>
</div>

Всего комментариев: 4
Порядок вывода комментариев: 1 3 Samsung • 12:44, 2017-03-31 Не подскажете а почему после установки слайдера нас в мой код, мне в конссоле выдало такую ошибку- Access to Font at 'http://bootstraptema.ru/plugins/2015/bootstrap3/glyphicons-halflings-regular.woff2' from origin 'http://catedoge' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://catedoge' is therefore not allowed access. Перевод googla Доступ к купели на http://bootstraptema.ru/plugins/2015/bootstrap3/glyphicons-halflings-regular.woff2' от происхождение 'http://catedoge был заблокирован политики cors: нет 'контроля доступа-разрешить-происхождение заголовка' присутствует на запрашиваемый ресурс. Поэтому http://catedoge происхождения '' - не допускается доступ.? 0 4 BootstrapТема • 08:14, 2017-04-01 Если у Вас не подключены файлы плагина Bootstrap и jQuery, тогда используйте демо код который был обновлён. Если Вы не можете определить наличие вышеуказанных файлов, напишите адрес страницы на которой используете слайдер. Если Вы не хотите открыто указывать адрес страницы, напишите его мне в личном сообщении на странице моего профиля: http://bootstraptema.ru/index/8-1170 Я сам посмотрю какие файлы Вам необходимы для подключения. 1 1 Samsung • 16:20, 2017-03-30 Круто)) 0 2 BootstrapТема • 16:54, 2017-03-30 Посмотрите аналогичные здесь: http://atmpl.ru/publ....-1-0-86

BootstrapTema

Bootstrap Carousel Animate Effect

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы