bgfader

Set your favourite photos in the background of a div

Demo

http://naoxink.hol.es/bgfader

Usage

Set the CSS and the JS

<link rel="stylesheet" href="css/bgfader.css"> <script src="js/bgfader.js"></script>

Choose the div you want

<div class='header'>   <p>The greatest content in teh world</p> </div>

Initialize the bgfader

var myBgFader = $('.header').bgfader([   'images/img1.jpg',   'images/img2.jpg',   'images/img3.jpg',   'images/img4.jpg', ], {   'timeout': 3000,   'speed': 3000,   'opacity': 0.4 })  myBgFader.start()

And enjoy your backgrounds!

Available options

TODO list

• It explodes with big images (>8Mb~) -> Fade fails first time
• Images not showing in certain containers