A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.
This demonstrates a commonly-asked question: how do I use Backstretch to create a slideshow of background images? Easy! Just pass in an array of image paths and add the below scripts within your opening <body> tag, preferrabily before the closing <body> tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>
<script>
$.backstretch([
"path_to_image/image1.jpg",
"path_to_image/image1.2pg",
"path_to_image/image1.3pg" //NOTE: The last element has NO comma
], {
fade: 750, //Speed of Fade
duration: 4000 //Time of image display
});
</script>