include( [ "prototype/prototype.js", "scriptaculous/scriptaculous.js" ], SCRIPT_BIN ); var show_images = [ "001.jpg", "002.jpg", "003.jpg", "004.jpg", "005.jpg", "006.jpg", "007.jpg", "008.jpg", "009.jpg", "010.jpg" ]; var slideshow = { "images" : [], "index" : 0, "imageId" : "photo-one", "baseUrl" : "http://www.mkjphoto.com//images/portfolio/photos/", "timeout" : { "next" : 4000, "transition" : 1 }, "inited" : false, "preloaded" : false, "display" : function(){}, "preload" : function(){}, "start" : function(){} }; slideshow.preload = function(arrImages){ var i = 0; var count = arrImages.length; var temp = null; for(i = 0; i < count; i++){ temp = new Image(); temp.src = slideshow.baseUrl+arrImages[i]; slideshow.images[slideshow.images.length] = temp; } slideshow.preloaded = true; return; } slideshow.start = function(){ slideshow.display(0); } slideshow.display = function(iImgId){ if(slideshow.preloaded){ if(slideshow.inited){ new Effect.Fade(slideshow.imageId, {duration: 2}); }else{ slideshow.inited = true; } setTimeout( function(){ $(slideshow.imageId).src = slideshow.images[iImgId].src; new Effect.Appear(slideshow.imageId, {duration: 2}); slideshow.index = iImgId; setTimeout( function(){ var next = ( slideshow.index+1 < slideshow.images.length ? slideshow.index+1 : 0 ); slideshow.display(next); } , 4500 ) }, 2000 ); } return; } load_on_startup("slideshow.preload(show_images);"); load_on_startup("slideshow.display(0);");