Autumn Leaves Fall with timeout - multiple images float down drifter

Autumn Leaves Fall
- with Timeout and multiple images
[ Runs for set time (20 Seconds in this demo) then stops. ]
This fall script allows images to seemingly float down a web page like gently falling autumn leaves. The script used on this page is running eight different images, but can be configured to use less or more.
The script stops running after 20 seconds but this can be changed.
Find this line near the end of the code and change:
setTimeout("Stop=true", 20000); // *** Delay 1000 = 1 second ***
You could also use other images like snowflakes, hearts, flowers, stars, or confetti but the possibilities are only limited by your imagination.

Example of :
Count Down Script


See also: Count Down No image Snow Fall No image Snow Fall 2 Float Down Snow Fall Timeout Float Up Hearts Fall Scripts.

Browser Compatibility: FF - IE - NN - O

Here are some other leaf images you could use.
Be sure to copy them and load them into the same directory as your HTML page.
Or you can load up your own images to use in the same way!

Follow the editing instructions after the // and within the 
to customize the script, then copy and paste it into your HTML editor.

<SCRIPT type="text/javascript" language="JavaScript1.2">
/*
Autumn Fall Timeout JavaScript
Visit http://rainbow.arch.scriptmania.com/scripts/
  for this script and many more
*/
 
//Pre-loads your images below
//Configure below - change URL path to your images

grphcs=new Array(8)
Image0=new Image();
Image0.src=grphcs[0]="alv.gif";
Image1=new Image();
Image1.src=grphcs[1]="clv.gif"
Image2=new Image();
Image2.src=grphcs[2]="dlv.gif"
Image3=new Image();
Image3.src=grphcs[3]="elv.gif"
Image4=new Image();
Image4.src=grphcs[4]="oak1.gif"
Image5=new Image();
Image5.src=grphcs[5]="oak2.gif"
Image6=new Image();
Image6.src=grphcs[6]="oak4.gif"
Image7=new Image();
Image7.src=grphcs[7]="oak6.gif"

//Smoothness depends on image file size, 
//the smaller the size the more you can use!

// Configure below - change number of images to render
Amount=15;

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
var Stop = false;

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'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70: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(){
if (Stop) { clearLeaves(); return; }

window.onload=fall;

//  *****  Delay FUNCTION HERE  *****

setTimeout("Stop=true", 20000);  //  *****  Delay 1000 = 1 second  *****

Autumn Leaves Fall - with Timeout and multiple images

Autumn Leaves Fall
- with Timeout and multiple images