// JavaScript Document /* FADE-IN SLIDESHOW ------------------------------------------------------------ */ /* */ /* Script for displaying a series of images, gradually fading from one to the next */ /* */ /* This is based on a script by these Most Excellent Geeks: */ /********************************************************************************** * Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. **********************************************************************************/ /* Modified by Bruce Sharp (cambodia@aol.com), so don't blame DynDrive for bugs. */ /* PicFader Build 6 */ /* ------------------------------------------------------------------------------*/ /* This version of the script is intended for use in situations where several */ /* different pages will have slideshows, and each page will use a unique set of */ /* images. Customization is done mainly within the script, and each page will */ /* pass in the ID of the image set. */ // First we set a few necessary variables. No need to mess with these: var setID var altText var fadearray=new Array() //array to cache fadeshow instances var fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) //modern dom browsers var iebrowser=document.all function fadeshow(setID){ // Define an array that will hold our images var theimages=new Array() // Define a few variables and configure as desired: var fadebgcolor="black" var delay=4 // delay between image change, in seconds var pause=1 // this is a boolean - 1 means pause the slideshow // on mouseover, and 0 means no var useRandom=1 // another boolean - 1 means order the pics randomly, // 0 means use the predefined order // You can also choose some text for the image "alt" tags. // Which text is used will be determined by whether or not // you've chosen to pause on mouseover var pauseText="Move your mouse off the image to resume" var noPauseText="Copyright: 2009" // Set some parameters for each unique group of images // We could also make the pauseText and noPauseText values // unique for each set, but I'm not doing that here if (setID=="novadata"){ theimages[0]=["images/banner-1.jpg"], theimages[1]=["images/banner-2.jpg"], theimages[2]=["images/banner-3.jpg"], theimages[3]=["images/banner-4.jpg"], theimages[4]=["images/banner-5.jpg"], theimages[5]=["images/banner-6.jpg"], theimages[6]=["images/banner-7.jpg"], theimages[7]=["images/banner-8.jpg"], theimages[8]=["images/banner-9.jpg"], theimages[9]=["images/banner-10.jpg"], theimages[10]=["images/banner-11.jpg"], theimages[11]=["images/banner-12.jpg"], theimages[12]=["images/banner-13.jpg"], theimages[13]=["images/banner-14.jpg"], theimages[14]=["images/banner-15.jpg"], fadewidth=755 fadeheight=260 } else { theimages[0]=["picfader/generic1.gif"] theimages[1]=["picfader/generic2.gif"] theimages[2]=["picfader/generic3.gif"] fadewidth=200 fadeheight=300 } this.pausecheck=pause this.mouseovercheck=0 this.delay=(delay * 1000) this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (useRandom == 1) { theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :) } if (pause == 1) { altText=pauseText } else { altText=noPauseText } this.theimages=theimages this.postimages=new Array() //preload images for (p=0;p
') else document.write('
') if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox this.startit() else{ this.curimageindex++ setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) } } function fadepic(obj){ if (obj.degree<100){ obj.degree+=10 if (obj.tempobj.filters&&obj.tempobj.filters[0]){ if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+ obj.tempobj.filters[0].opacity=obj.degree else //else if IE5.5- obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" } else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101 else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100 else if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } else{ clearInterval(fadeclear[obj.slideshowid]) obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) obj.populateslide(obj.tempobj, obj.nextimageindex) obj.nextimageindex=(obj.nextimageindex' picobj.innerHTML=slideHTML } fadeshow.prototype.rotateimage=function(){ if (this.pausecheck==1) //if pause onMouseover enabled, cache object var cacheobj=this if (this.mouseovercheck==1) setTimeout(function(){cacheobj.rotateimage()}, 100) else if (iebrowser&&dom||dom){ this.resetit() var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) crossobj.style.zIndex++ fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50) this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" } else{ var ns4imgobj=document.images['defaultslide'+this.slideshowid] ns4imgobj.src=this.postimages[this.curimageindex].src } this.curimageindex=(this.curimageindex