jQuery Flipster / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.1.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4

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

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

Вес файла: 76.7 Kb

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

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

Скачать бесплатно

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

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

Рейтинг: 5.0 / 5 - 2 голосов

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

Авторство: https://github.com/drien/jquery-flipster

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

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

Теги: jQuery, Plugin, галерея, Bootstrap, 3D

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

Добавлено: 2017-08-28 в 13:54

Метка: 1583217007

⇄ ⇅

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2017/jquery-flipster/jquery.flipster.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/jquery-flipster/jquery.flipster.min.js"></script>

<div class="container">
<h1 class="text-center">jQuery Flipster & BootstrapTema</h1>
<div class="row ">
<div id="demo" class="col-md-12">

<ul class="flip-items">
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo1.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo2.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo3.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo4.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo5.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo6.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo7.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo8.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo9.jpeg">
 </li>
 <li>
 <img src="https://bootstraptema.ru/images/demo/600x600/demo10.jpeg">
 </li>
 </ul>

</div>
</div>
</div>

<script>
 var coverflow = $("#demo").flipster();
</script>