Set Up

Presentation

Vegas is a jQuery plugin which adds beautiful animated background slideshows to your page body or any of its elements. It works on IE9+, Safari, Firefox and Chrome.

Installation

Quickly get up and running with Vegas.

jQuery / Zepto

First, download or include jQuery .

<script src="http://code.jquery.com/jquery.min.js"></script>

A lighter alternative to jQuery is Zepto .

<script src="http://zeptojs.com/zepto.min.js"></script>

Vegas

Then, download Vegas and include the CSS file.

<link rel="stylesheet" href="/js/vegas/vegas.min.css">

And JS file.

<script src="/js/vegas/vegas.min.js"></script>

Bower

If you prefer the Bower way.

bower install vegas

Include the files in:
/bower_components/vegas/dist

NPM

If you prefer the NPM way.

npm install vegas

Include the files in:
/node_modules/vegas/dist

Get started

Apply Vegas to body or any element.

$("#example, body").vegas({
    slides: [
        { src: "/img/slide1.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

Test the code

Click the button to test the example.

Run code

Read the Settings page for more information.

Zip file

Download the last version (2.1.x).

Download

Source code

Fork the project and contribute.

Source

Need support?

Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving your problem.

Ask for Support