ГлавнаяJavaScriptjQuery → Vegas Backgrounds and Slideshows
jQuery

Vegas Backgrounds and Slideshows

Vegas Backgrounds and Slideshows
jQuery
Подпишись на нас в телеграм @coderoll
Vegas Backgrounds and Slideshows — это плагин jQuery или Zepto для анимации фоновых изображений блоков или всей страницы. Он имеет массу настроек и эффектов анимации.

Установка и подключение плагина:

Шаг 1.
Подключаем плагин jQuery:
<script src="http://code.jquery.com/jquery.min.js"></script>
или Zepto:
<script src="http://zeptojs.com/zepto.min.js"></script>

Шаг 2.
Скачиваем плагин Vegas:

Шаг 3.
Применяем слайдер к body или другому элементу (код должен находиться ниже блока слайдера):
<div class="example" style="height:400px"></div>

Шаг 4.
Подключаем CSS плагина:
<link rel="stylesheet" href="/js/vegas/vegas.min.css">
и его JS файл:
<script src="/js/vegas/vegas.min.js"></script>

Делаем вызов плагина
<script>
  $(".example").vegas({
    slides: [
        { src: "/img-1.jpg" },
        { src: "/img-2.jpg" },
        { src: "/img-3.jpg" },
        { src: "/img-4.jpg" },
        { src: "/img-5.jpg" },        
        { src: "/img-6.jpg" }    
    ]
  });
</script>

Основный параметры настройки фонового слайдера вы можете посмотреть на этой странице
2 комментария
  1. Аватар пользователя
    0
    Как на киносайт установить? DLE. Че-то потыкал, ни че не получилось. Мозгов не хватает. 😁 
    1. Аватар пользователя
      +1
      Да по сути все это добавить в main.tpl, если не заработает, надо смотреть в консоле на что ругается.
Добавить комментарий
Кликните на изображение чтобы обновить код, если он неразборчив