Vegas Backgrounds and Slideshows

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>

Основный параметры настройки фонового слайдера вы можете посмотреть на этой странице