/* 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="none" var delay=5 // 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=0 // 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="" // 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=="reg-home"){ theimages[0]=["images/200w/rodney-a-magic-radio-01.jpg"] theimages[1]=["images/200w/vera-cruz-01.jpg"] theimages[2]=["images/200w/reggie-in-his-armchair-01a.jpg"] theimages[3]=["images/200w/reggie-as-a-young-man-01.jpg"] theimages[4]=["images/200w/reggie-driving-mavis-01.jpg"] theimages[5]=["images/200w/reggies-house-05.jpg"] theimages[6]=["images/200w/cold-blood-cold-heart-live.jpg"] theimages[7]=["images/200w/ludwigian-drummers-01.jpg"] fadewidth=200 fadeheight=150 } else if (setID=="reg-music") { theimages[0]=["images/200w/saxasaurus-rex-01a.jpg"] theimages[1]=["images/200w/ludwigian-drummers-01a.jpg"] theimages[2]=["images/200w/axe-monster-01a.jpg"] theimages[3]=["images/200w/ludwigian-guitarist-01a.jpg"] theimages[4]=["images/200w/ludwigian-guitarist-01b.jpg"] theimages[5]=["images/200w/ludwigian-bassist-01a.jpg"] fadewidth=200 fadeheight=150 } else if (setID=="g01") { theimages[0]=["../images/glitch-stream-01.gif"] theimages[1]=["../images/glitch-stream-02.gif"] theimages[2]=["../images/clapping-01.gif"] theimages[3]=["../images/flashing-lights-01.gif"] theimages[4]=["../images/clapping-01.gif"] theimages[5]=["../images/woman-plasma-01.gif"] theimages[6]=["../images/skeleton-scythe-01.gif"] theimages[7]=["../images/girls-dancing-01.gif"] theimages[8]=["../images/skeletons-dancing-01.gif"] theimages[9]=["../images/goggle-box-01.gif"] theimages[10]=["../images/dr-strangelove-01.gif"] theimages[11]=["../images/flying-saucer-01.gif"] theimages[12]=["../images/woman-plasma-01.gif"] theimages[13]=["../images/skeletons-dancing-01.gif"] theimages[14]=["../images/skeleton-flute-01.gif"] theimages[15]=["../images/flashing-lights-01.gif"] theimages[16]=["../images/scary-faces-01.gif"] theimages[17]=["../images/scary-face-02.gif"] theimages[18]=["../images/spider-hands-01.gif"] theimages[19]=["../images/hands-01.gif"] theimages[20]=["../images/women-dancing-01.gif"] theimages[21]=["../images/metropolis-01.gif"] theimages[22]=["../images/skeleton-scythe-01.gif"] theimages[23]=["../images/flashing-lights-01.gif"] theimages[24]=["../images/girls-dancing-01.gif"] theimages[25]=["../images/hand-in-box-01.gif"] fadewidth=500 fadeheight=273 } else if (setID=="g02") { theimages[0]=["../images/glitch-stream-01.gif"] theimages[1]=["../images/glitch-stream-02.gif"] theimages[2]=["../images/stylus-01.gif"] theimages[3]=["../images/woman-with-flash-01.gif"] theimages[4]=["../images/man-with-flash-01.gif"] theimages[5]=["../images/woman-with-flash-01.gif"] theimages[6]=["../images/tu-es-adorable.gif"] theimages[7]=["../images/rain-and-sea-01.gif"] theimages[8]=["../images/woman-hands-face-01.gif"] theimages[9]=["../images/fashion-flash-01.gif"] theimages[10]=["../images/snow-01.gif"] theimages[11]=["../images/roses-01.gif"] theimages[12]=["../images/bubble-burst-01.gif"] theimages[13]=["../images/couple-sunbathing-01.gif"] theimages[14]=["../images/legs-in-sea-01.gif"] theimages[15]=["../images/man-face-01.gif"] theimages[16]=["../images/glass-breaking-01.gif"] theimages[17]=["../images/from-a-plane01.gif"] theimages[18]=["../images/lightning-01.gif"] theimages[19]=["../images/tu-es-adorable.gif"] theimages[20]=["../images/stylus-01.gif"] theimages[21]=["../images/roses-01.gif"] theimages[22]=["../images/glass-breaking-01.gif"] theimages[23]=["../images/woman-in-wave-010.gif"] theimages[24]=["../images/woman-with-flash-01.gif"] theimages[25]=["../images/tv-smashed-01.gif"] fadewidth=500 fadeheight=273 } 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 * 500) 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