Floating Button

Description
This script creates a floating layer, within which is an automatic slide show that includes fade transitions. The slideshow cycles through the images that you specify.

Installation
TWO STEPS TO INSTALL FLOATING BUTTONS
1. Add the onLoad event handler into the BODY tag
2. Copy the coding into the BODY of your HTML document

<body onload="runSlideShow()">     <div id="FloatSlideShow" style="position:absolute;z-index:1000000"> </div>  <script> // You *must* add onload="runSlideShow()" to the <body> tag // of the page. // In the section marked Edit the HTML, above, remember to // set the path and size for the first image. // ======================================= // Set the following variables // ======================================= // Set slideShowSpeed (milliseconds): var slideShowSpeed = 3000 // Duration of crossfade (seconds) for IE: var crossFadeDuration = 3 // Set the positioning variables, below: // Negative numbers are relative to right (whereX) or bottom (whereY) // Positive numbers are relative to left (whereX) or (whereY) top // Experiment with values to get positioning exact, and allow // for the dimensions of the image in the positioning var whereX = 140; var whereY = -233; // Specify the image files: var Pic = new Array() // don’t touch this! // to add more images, just continue // the pattern, adding to the array below Pic[0] = ‘float1_trans.gif’ // ======================================= // Do not edit *anything* below this line! // ======================================= var nn=(navigator.appName.indexOf(”Netscape”)!=-1); var t;var j=0;var p=Pic.length;var preLoad=new Array(); for (i=0;i <p ;i++){preLoad[i]=new Image();preLoad[i].src = Pic[i];} function runSlideShow(){ if (document.all){ document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply();} if (document.all || document.getElementById){document.images.SlideShow.src = preLoad[j].src;}else{ document.FloatSlideShow.document.images["SlideShow"].src = preLoad[j].src;} if (document.all){document.images.SlideShow.filters.blendTrans.Play();} j=j+1;if (j>(p-1))j=0;t=setTimeout(’runSlideShow()’, slideShowSpeed);} var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?”:’px’; function floatSS(iX,iY,id){ var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id]; this[id+’O\']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY; L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fss=function(){var pX, pY; pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth; pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop; if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight; this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY); setTimeout(this.id+’O.Fss()’,33);};return L;} floatSS(whereX,whereY,’FloatSlideShow’).Fss(); </body></script>  </body>