Nivo Слайдер Bootstrap / Слайдеры / Сниппеты Bootstrap

Версия: v1.0.1

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

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

Bootstrap: 3, 4

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

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

Вес файла: 374.1 Kb

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

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

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

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

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

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

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

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

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

Авторство: https://themeisle.com/plugins/nivo-slider/

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

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

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

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

Добавлено: 2016-02-11 в 23:31

Метка: 1581668926

⇄ ⇅

<h2>Nivo Слайдер Bootstrap</h2>
<p>Показан сопоб использования в вёрстке макета Bootstrap 3</p>

<div id="slider" class="nivoSlider theme-default">
 <a href="#"><img src="http://drawings-girls.ucoz.net/2015/07/devushka-v-krasnom-na-fone-cherepov.jpg" alt="" title="#htmlcaption1" /></a>
 <a href="#"><img src="http://drawings-girls.ucoz.net/2015/07/ocharovatelnaya-devushka-s-popugaem.jpg" alt="" title="#htmlcaption2" /></a>
 <a href="http://drawings-girls.ucoz.net/blog/krasivaja_smuglaja_devushka/2015-07-26-354"><img src="http://drawings-girls.ucoz.net/2015/07/vzglyad-krasivoi-devushki.jpg" alt="" title="Лицо красивой девушки в слайдере" /></a>
 <a href="#"><img src="http://drawings-girls.ucoz.net/2015/07/krasivaya-smuglaya-devushka.jpg" alt="" title="#htmlcaption3" /></a>
</div>
<div id="htmlcaption1" class="nivo-html-caption">
 <strong>Красивая девшка</strong> в слайдере <em>HTML</em> фото #1 <a href="http://drawings-girls.ucoz.net/blog/devushka_v_krasnom_na_fone_cherepov/2015-07-26-357">Смотреть</a>.
</div>
<div id="htmlcaption2" class="nivo-html-caption">
 <strong>Красивая девшка</strong> в слайдере <em>HTML</em> фото #2 <a href="http://drawings-girls.ucoz.net/blog/ocharovatelnaja_devushka_s_popugaem/2015-07-26-356">Смотреть</a>.
</div>
<div id="htmlcaption3" class="nivo-html-caption">
 <strong>Красивая девшка</strong> в слайдере <em>HTML</em> фото #3 <a href="http://drawings-girls.ucoz.net/blog/krasivaja_smuglaja_devushka/2015-07-26-354">Смотреть</a>.
</div>

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

<h2>Эффекты</h2>

<pre>
<code>
 sliceDown
 sliceDownLeft
 sliceUp
 sliceUpLeft
 sliceUpDown
 sliceUpDownLeft
 fold
 fade
 random
 slideInRight
 slideInLeft
 boxRandom
 boxRain
 boxRainReverse
 boxRainGrow
 boxRainGrowReverse
</code>
</pre>

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

BootstrapTema

Nivo Слайдер Bootstrap

Скриншот

Подробнее

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

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

Всего комментариев: 0