jQuery slideOverBackground Plugin | Demo
This is a demonstration page for the jQuery Plugin slideOverBackground
In your HTML :
<html>
<head>
<link rel="stylesheet" href="slideOverBackground/jquery.slideOverBackground.css" type="text/css" media="all" />
<script src="js/jquery-1.9.0.min.js"></script>
<script src="slideOverBackground/jquery.slideOverBackground.js"></script>
</head>
<body>
<div id="mainElement">
Your contents here.
<div>
</body>
</html>
In your JavaScript :
//slideOverBackground initialization
$("#mainElement").slideOverBackground({
pictures: ["img/pic1.jpg", "img/pic2.jpg", "img/pic3.jpg"], //list of background images
delay: 5000, //delay between transitions (optional)
transitionTime: 1000 //time of transition (optional)
});