Here is the code for the "Floating Image". 

Copy/paste this code at the end of your html page,

but BEFORE the </body> tag.

This code is for using more than one floating image.  Where you see "Name of Image", put the name of the floating image.  Be sure to keep the "number" of that image in the code, in it's proper position.

You can add or remove the "Image0=new Image();
Image0.src=grphcs[0]="Name of Picture1 Here.gif";" to whatever number of floating images you are using.

Here's the code:

<script language="JavaScript"> <!-- fall Script by kurt.grigg@virgin.net //Pre-load your image below! Image0=new Image(); Image0.src="al.gif"; Image1=new Image(); Image1.src="bl.gif"; Image2=new Image(); Image2.src="cl.gif"; Image3=new Image(); Image3.src="dl.gif"; Image4=new Image(); Image4.src="el.gif"; Image5=new Image(); Image5.src="fl.gif"; grphcs=new Array(6) grphcs[0]="al.gif" grphcs[1]="bl.gif" grphcs[2]="cl.gif" grphcs[3]="dl.gif" grphcs[4]="el.gif" grphcs[5]="fl.gif" Amount=10; //Smoothness depends on image file size, the smaller the size the more you can use! Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else{ si[i].style.pixelLeft=Xpos[i]; si[i].style.pixelTop=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',10); } //--> </script>

Code provided by:  Kurt Grigg