Supersized
Плагин для создания меняющегося фона и полноэкранного слайдшоу с элементами управления, может применяться совместно с Bootstrap.* В скачиваемом архиве находятся файлы которых не коснулись изменения, они предоставляются в виде версии 3.2.7
Версия: 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
Посмотрели: 1301 раз
Скачать бесплатно
Помощь: установка & настройка
Скачали бесплатно: 32 раз
Прокомментировали: 0 раз
Рейтинг: 5.0 / 5 - 2 голосов
Тип лицензии: CC BY 4.0
Авторство: https://github.com/buildinternet/supersized
Информация: Пользователям
Информация: Правообладателям
Теги:
Поделился: BootstrapТема
Добавлено: 2016-02-25 в 23:10
Метка: 1673818060
В подключенных файлах исправлена погрешность для 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>