cbpFWSlider Слайдер / Слайдеры / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

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

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

Для Bootstrap: 3, 4, 5

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

Язык: Английский

Вес файла: 3.8 Kb

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

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

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

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

Прикреплён файл №1: /_sf/14/1439.css

Прикреплён файл №2: /stuff/0-0-0-1439-20

Скачали бесплатно: 220 раз

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

Рейтинг: 4.0 / 5 - 14 голосов

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

Авторство: bootstraptema.ru

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

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

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

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

Добавлено: 2016-11-29 в 15:45

Метка: 1643654570

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/snippets/slider/2016/cbpFWSlider/cbpFWSlider.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://bootstraptema.ru/snippets/slider/2016/cbpFWSlider/cbpFWSlider.min.js"></script>

<style>
body{background:url(/images/bg/bg-4.png)}
</style>

<br><br><br>

<div class="container-fluid">
<div class="row">

<div class="col-xs-12">

<div id="cbp-fwslider" class="cbp-fwslider">
 <ul>
 <li><a href="#"><img src="https://murchim.ru/_sf/32/64029225.jpg" alt="demo 01"/></a></li>
 <li><a href="#"><img src="https://murchim.ru/_sf/32/64029225.jpg" alt="demo 02"/></a></li>
 <li><a href="#"><img src="https://murchim.ru/_sf/32/64029225.jpg" alt="demo 03"/></a></li>
 </ul>
 </div>

</div>

</div>
</div>

<script>
$( function() {
$( '#cbp-fwslider' ).cbpFWSlider();
});
</script>