Falling leaves

[aRMY83]

I assume that you backed it up before replacing those images?

I'm going to put this code here for anyone that would like to use it on there site for the fall season, but first be warned that it may not work for everyone.

I have no issues at all with FF24 or IE9 WIN7:

<script language="Javascript1.2" type="text/javascript">
//This Code Free To Use - Providing This Notice Remains//
//Autumn leaves- by Kurt Grigg ([e-mail])//
//Modified by Dynamic Drive for NS6 functionality//
//visit http://www.dynamicdrive.com for this script//
//Javascript Code Effect Found At: Development Resource & Javascript Code & Generator Public Archive Center//
//Located: http://www.DesignerWiz.com//
//Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply*//
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://i43.tinypic.com/5po0f7.gif"
Image1=new Image();
Image1.src=grphcs[1]="http://i39.tinypic.com/b85z09.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://i44.tinypic.com/2uhmikm.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://i44.tinypic.com/2yvnbb5.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://i42.tinypic.com/25hppja.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://i42.tinypic.com/15x21iq.gif"

Amount=8; //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;
ns6=(document.getElementById&&!document.all)?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'+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(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?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]+'px';
document.layers['sn'+i].top=Ypos[i]+hscrll+'px';
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i])+'px';
document.getElementById("si"+i).style.top=Ypos[i]+hscrll+'px';
}
else{
eval("document.all.si"+i).style.left=Xpos[i]+'px';
eval("document.all.si"+i).style.top=Ypos[i]+hscrll+'px';
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->
</script>

Hope it works for everyone!

[blc]

Sept 30, 2013 15:51:07 GMT -8 aRMY83 said:

I assume that you backed it up before replacing those images?

I'm going to put this code here for anyone that would like to use it on there site for the fall season, but first be warned that it may not work for everyone.

I have no issues at all with FF24 or IE9 WIN7:

<script language="Javascript1.2" type="text/javascript">
//This Code Free To Use - Providing This Notice Remains//
//Autumn leaves- by Kurt Grigg ([e-mail])//
//Modified by Dynamic Drive for NS6 functionality//
//visit http://www.dynamicdrive.com for this script//
//Javascript Code Effect Found At: Development Resource & Javascript Code & Generator Public Archive Center//
//Located: http://www.DesignerWiz.com//
//Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply*//
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://i43.tinypic.com/5po0f7.gif"
Image1=new Image();
Image1.src=grphcs[1]="http://i39.tinypic.com/b85z09.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://i44.tinypic.com/2uhmikm.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://i44.tinypic.com/2yvnbb5.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://i42.tinypic.com/25hppja.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://i42.tinypic.com/15x21iq.gif"

Amount=8; //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;
ns6=(document.getElementById&&!document.all)?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'+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(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?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]+'px';
document.layers['sn'+i].top=Ypos[i]+hscrll+'px';
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i])+'px';
document.getElementById("si"+i).style.top=Ypos[i]+hscrll+'px';
}
else{
eval("document.all.si"+i).style.left=Xpos[i]+'px';
eval("document.all.si"+i).style.top=Ypos[i]+hscrll+'px';
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->
</script>

Hope it works for everyone!

Weird, after not working with your image locations, I switched back to mine. Nothing worked. So I copied your last post and put it in and it worked. But only if I use your image location. hope you never delete them! lol Why won't it work with photobucket? Anyway, thanks for all your time and for the code and images.

[Jaguar]

Sept 30, 2013 15:51:07 GMT -8 aRMY83 said:

I assume that you backed it up before replacing those images?

I'm going to put this code here for anyone that would like to use it on there site for the fall season, but first be warned that it may not work for everyone.

I have no issues at all with FF24 or IE9 WIN7:

<script language="Javascript1.2" type="text/javascript">
//This Code Free To Use - Providing This Notice Remains//
//Autumn leaves- by Kurt Grigg ([e-mail])//
//Modified by Dynamic Drive for NS6 functionality//
//visit http://www.dynamicdrive.com for this script//
//Javascript Code Effect Found At: Development Resource & Javascript Code & Generator Public Archive Center//
//Located: http://www.DesignerWiz.com//
//Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply*//
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://i43.tinypic.com/5po0f7.gif"
Image1=new Image();
Image1.src=grphcs[1]="http://i39.tinypic.com/b85z09.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://i44.tinypic.com/2uhmikm.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://i44.tinypic.com/2yvnbb5.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://i42.tinypic.com/25hppja.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://i42.tinypic.com/15x21iq.gif"

Amount=8; //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;
ns6=(document.getElementById&&!document.all)?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'+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(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?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]+'px';
document.layers['sn'+i].top=Ypos[i]+hscrll+'px';
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i])+'px';
document.getElementById("si"+i).style.top=Ypos[i]+hscrll+'px';
}
else{
eval("document.all.si"+i).style.left=Xpos[i]+'px';
eval("document.all.si"+i).style.top=Ypos[i]+hscrll+'px';
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->
</script>

Hope it works for everyone!

This is absolutely fabulous, thank you so much. Now funny the code on page 1 didn't work, but this one does.

[Chris]

I'd suggest you recopy the code Army just posted and overwrite the one you currently have. The reason I say this is you may have copied corrupted code since I saw someone posted code earlier in this thread without using [code] tags making certain things in the code such as [P] and [i] disappear because Proboards thinks they are BBcode. If code tags are used when posting or sending code in pm that does not happen.

[Jaguar]

The first code from page 1 went haywire, this one on this page works like a charm. Code from the first page I got a message from Proboards to use smaller images and the leaves fell so quickly it was like a blizzard.

[blc]

Sept 30, 2013 16:09:54 GMT -8 Chris said:

I'd suggest you recopy the code Army just posted and overwrite the one you currently have. The reason I say this is you may have copied corrupted code since I saw someone posted code earlier in this thread without using [code] tags making certain things in the code such as [P] and [i] disappear because Proboards thinks they are BBcode. If code tags are used when posting or sending code in pm that does not happen.

Eton, I did copy this latest code and it worked, but only if I use Army's image locations at tiny pic. Do you have any idea why it won't work for me using photobucket?

[Chris]

If you plug in your photobucket urls then show me the page I'll take a look

[Jaguar]

I wonder if the photobucket images have that ~original part at the end of the code. I don't know what it's called. It's right after the .gif~original and I usually have to remove it to get it to work.

[blc]

Sept 30, 2013 16:41:39 GMT -8 Jaguar said:

I wonder if the photobucket images have that ~original part at the end of the code. I don't know what it's called.

I've tried both ways, with the ~original and without and neither one showed the images.

I think the ~original is the original image uploaded. I found this out with one of Ritchie's plug ins, for backgrounds. Photobucket was shrinking the images down to about 600 x 400 or something and it wasn't covering the background, so i saw the setting for keeping the original size.

But, like I said, I tried removing the ~original and they still didn't work. I pasted both types of urls in the address window and both went to the image so I just don't get it.

Chris

I wonder if photobucket is having issues. I just went to grab the urls again and my leaves folder only had two images in it and I know I uploaded all six, because I was watching the filenames. And right now I re uploaded the other 4, so i am looking at all six, but the folder says there are only 5 in there. weird.

http://i14./a348/photobucketing/Leaves/HPnZaha64hRegyCL4mqy_zps62a25a9e.gif~original
http://i14./a348/photobucketing/Leaves/FmrC9l0ZKrRsON7b9Z3J_zps2d0d81b8.gif~original
http://i14./a348/photobucketing/Leaves/eflrdLS9fzeh_zJeGZLI_zps199f65bb.gif~original
http://i14./a348/photobucketing/Leaves/CtXnDdzxagEwmvBPCHGX_zps792a0211.gif~original
http://i14./a348/photobucketing/Leaves/bzRXic5zGrcsL6QcoGXS_zpsb9419729.gif~original
http://i14./a348/photobucketing/Leaves/25EkcnIXD244fHcI2OhA_zps76ef089a.gif~original

I'm going to go change the setting away from original and upload them again, just to test something.

Ok, I can't do that, I think if I do that then my background images will be too small again. There is an option with the keeping the original size for linked images maintaining that original size. If you deselect the one they both go away.

Still the other links to the leaves should be working.

[aRMY83]

Hello blc

hope you never delete them! lol

I have a tinypic account, but these:













where uploaded directly to tinypic.

For those that would like to host these images elsewhere, just Save Image As to your computer.

[blc]

Sept 30, 2013 17:22:21 GMT -8 aRMY83 said:

Hello blc

hope you never delete them! lol

I have a tinypic account, but these:













where uploaded directly to tinypic.

For those that would like to host these images elsewhere, just Save Image As to your computer.

Yeah, i saved those at photobucket when i changed the code and they still didn't show.

[Jaguar]

blc I saved them to my PB Album as well and mine don't show either.

[blc]

Sept 30, 2013 18:18:24 GMT -8 Jaguar said:

blc I saved them to my PB Album as well and mine don't show either.

Thanks. That means its something on photobuckets end. I'm guessing you are not using 'original size' so I don't need to try and test that aspect.

But what is it about these images that don't show? That's the weird part.

[Jaguar]

Yeah it's just went weird on me when I used my PB images. I did use Save As, but I put in my own PB code and it just did not work.

[Former Member]

Army33 it worked for me. And works great!The leaves are just at the right speed to. Thank you everyone.