halkaBox.js / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

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

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

Для Bootstrap: 3, 4

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

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

Вес файла: 1.88 Mb

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

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

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

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

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

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

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

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

Авторство: https://github.com/ahmednooor/halkaBox.js

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

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

Теги: Plugin, лайтбокс, галерея, Lightbox, gallery, Bootstrap

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

Добавлено: 2017-10-29 в 11:39

Метка: 1583168843

⇄ ⇅

<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/halkabox/halkaBox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/halkabox/halkaBox.min.js"></script>

<div class="container">
 <h1 class="text-center">halkaBox.js & BootstrapTema</h1>
<div class="row">
<div class="col-xs-12">

<div class="col-sm-6">
<a href="http://drawings-girls.ucoz.net/2017/06/devushka-s-izranenim-licom.jpg" class="halka" title="Images http://drawings-girls.ucoz.net/">
 <img class="img-responsive img-thumbnail" src="http://drawings-girls.ucoz.net/2017/06/devushka-s-izranenim-licom.jpg" alt="demo1" />
 </a> 
</div>
 
<div class="col-sm-6">
<a href="http://drawings-girls.ucoz.net/2016/12/samoubiica-i-devushki-prizraki.jpg" class="halka" title="Images http://drawings-girls.ucoz.net/">
 <img class="img-responsive img-thumbnail" src="http://drawings-girls.ucoz.net/2016/12/samoubiica-i-devushki-prizraki.jpg" alt="demo2" />
 </a> 
</div>

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

<script>
 window.onload = function () {
 halkaBox.run("halka", {
 animation: "fade",
 theme: "dark",
 hideButtons: false,
 preload: 1
 });
 };
 </script>