Скриншот
Плагин для создания меняющегося фона и полноэкранного слайдшоу с элементами управления, может применяться совместно с Bootstrap.
Подробнее
Версия: v3.2.7
Каталог: Плагины Bootstrap
Категория: Улучшение
Для Bootstrap: 3, 4, 5
Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP
Язык: Английский
Вес файла: 112.9 Kb
Уникальный ID: 638
Посмотрели: 1158 раз
Скачать бесплатно
Скачали бесплатно: 28 раз
Прокомментировали: 0 раз
Рейтинг: 5.0 / 5 - 2 голосов
Тип лицензии: CC BY 4.0
Авторство: https://github.com/buildinternet/supersized
Информация: Пользователям
Информация: Правообладателям
Поделился: BootstrapТема
Добавлено: 2016-02-25 в 23:10
Метка: 1673818060
Похожие
    Lsb Lightbox
    BgFader
    Granim.js
    Angular Switcher
    Angular2 Bootstrap 3 Modal
    Fuel UI
Архив
Архив материалов которые Вы уже смотрели пока пуст
В подключенных файлах исправлена погрешность для ratio при начальной загрузке: http://code-tricks.com/supersized-jquery-plugin-conflicting-with-twitter-bootstrap-framework/

/* style */
img {
 width: auto\9;
 height: auto;
 max-width: 100%;
 vertical-align: middle;
 border: 0;
 -ms-interpolation-mode: bicubic;
}
/* /style */

Проблема решается добавлением соответствующих условий в файлах (supersized.core.3.2.1.js) и (supersized.3.2.7.js)

// - width
thisSlide.css('max-width', '100%');

// - height
thisSlide.css('max-width', browserheight / ratio);

// - Файлы для использования фона

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2016/supersized/core/supersized.core.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2016/supersized/core/supersized.core.3.2.1.js"></script>

// - Файлы для использования слайдшоу

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2016/supersized/slideshow/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2016/supersized/slideshow/supersized.shutter.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2016/supersized/slideshow/supersized.3.2.7.js"></script>
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2016/supersized/slideshow/jquery.easing.min.js"></script>
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2016/supersized/slideshow/supersized.shutter.js"></script>
Всего комментариев: 0
avatar

Посоветуйте этот материал другу отправив ему письмо на E - mail

Написать администрации по поводу этого материала