Posted By

ryonley on 01/13/12

Tagged

Versions (?)

Last Edited at 01/13/12 02:22am

Statistics

Viewed 669 times

Favorited by 1 user(s)

Related snippets

rotating background images

/ Published in: jQuery

Creates rotating background images with a smooth transition.

Highlighted TextExpand

//-----HTML------------------------------------------------->
       
<div id="headouter"><div id="headinner"></div></div>

//-------JQUERY---------------------------------------------->
$(document).ready(function(){
               var imgArr = new Array( // relative paths of images
                'images/headmain5.jpg',
                'images/headmain3.jpg',
                'images/headmain4.jpg',
                'images/headmain2.jpg'
                );

var preloadArr = new Array();
               var i;
               /* preload images */
               for(i=0; i < imgArr.length; i++){
               preloadArr[i] = new Image();
               preloadArr[i].src = imgArr[i];
               }
			   
			   var inner = $('#headinner');
			   var outer = $('#headouter');
			   
			   inner.css('background', '#fff url("images/headmain5.jpg") no-repeat');
			   outer.css('background', '#fff url("images/headmain3.jpg") no-repeat');

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.