Скриншот
Плагин для создания меняющегося фона и полноэкранного слайдшоу с элементами управления, может применяться совместно с Bootstrap.
Подробнее
Каталог: Плагины Bootstrap
Категория: Улучшение
Для Bootstrap: 3, 4
Для CMS: HTML, Drupal, Joomla, uCoz, WordPress
Язык: Английский
Вес файла: 112.9Kb
Уникальный ID: 638
Посмотрели: 337 раз
Скачать бесплатно
Скачали бесплатно: 10 раз
Прокомментировали: 0 раз
Рейтинг: 5.0 / 5 - 1 голосов
Тип лицензии: CC BY 4.0
Авторство: http://buildinternet.com/project/supersized/
Информация: Пользователям
Информация: Правообладателям
Поделился:
Добавлено: 2016-02-25 в 23:10
Метка: 1456431024
Похожие
Архив
Архив материалов которые Вы уже смотрели пока пуст
В подключенных файлах исправлена погрешность для 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="http://bootstraptema.ru/plugins/2016/supersized/core/supersized.core.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://bootstraptema.ru/plugins/2016/supersized/core/supersized.core.3.2.1.js"></script>

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

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

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

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