Falling leaves

[Former Member]

Its that time of year. I tried several html codes for falling leaves like on v4, and the code doesnt work. I am placing it in global headers.

Any suggestions?

[blc]

Sept 18, 2013 15:41:34 GMT -8 STLUEE said:

Its that time of year. I tried several html codes for falling leaves like on v4, and the code doesnt work. I am placing it in global headers.

Any suggestions?

If you find out how to do it, please tag me! I tried something from some site, but all my leaves stayed stuck in the upper left corner.

[Former Member]

I will let you know, it was a cute feature. On the bright side, at least you got leaves to show!lol

[aRMY83]

Hello STLUEE

You may want to take a look over here:

link

and give some input to this.

blc may have been talking about this:

link

I use to use it on the v4.5 and was great for that season, but also tried it on the v5 global header and the leaves got stuck, as you mentioned.

[Emma]

Sept 19, 2013 8:36:28 GMT -8 aRMY83 said:

Hello STLUEE

You may want to take a look over here:

link

and give some input to this.

blc may have been talking about this:

link

I use to use it on the v4.5 and was great for that season, but also tried it on the v5 global header and the leaves got stuck, as you mentioned.

Hi aRMY83 and All:

Love the falling leaves also. I changed my forum to fall colors....orange! Is there away to bring the falling leaves to our forum? Thanks in advance for help.

[blc]

Sept 19, 2013 8:36:28 GMT -8 aRMY83 said:

Hello STLUEE

You may want to take a look over here:

link

and give some input to this.

blc may have been talking about this:

link

I use to use it on the v4.5 and was great for that season, but also tried it on the v5 global header and the leaves got stuck, as you mentioned.

Yep, that's the one that didn't work.

[Former Member]

bump!

[aRMY83]

Hello STLUEE

I found this code:

Falling Leaves And Firefox

I copied lagaboo (corrected code - 2nd down) > added my leaf images and it works just great with a short pause before taking affect.

[Former Member]

I applied this code and then to where it says img I used this: http://i33./d94/stluee1/leaf2_zps67533627.jpg but it didn't work. Thank you for your help.

[blc]

Sept 24, 2013 8:35:35 GMT -8 aRMY83 said:

Hello STLUEE

I found this code:

Falling Leaves And Firefox

I copied lagaboo (corrected code - 2nd down) > added my leaf images and it works just great with a short pause before taking affect.

Can you walk us through what you did and where you put things?

[aRMY83]

Sept 29, 2013 13:07:47 GMT -8 blc said:

Sept 24, 2013 8:35:35 GMT -8 aRMY83 said:

Hello STLUEE

I found this code:

Falling Leaves And Firefox

I copied lagaboo (corrected code - 2nd down) > added my leaf images and it works just great with a short pause before taking affect.

Can you walk us through what you did and where you put things?

Hello blc

Place this in your Global Header or Main Header after you enter your Image leaf url's, I use .gif extensions only. Never tried it with anything else:

<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 www.dynamicdrive.com for this script//
//Javascript Code Effect Found At: Development Resource & Javascript Code & Generator Public Archive Center//
//Located: 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]="Image leaf1 url";
Image1=new Image();
Image1.src=grphcs[1]="Image leaf2 url"
Image2=new Image();
Image2.src=grphcs[2]="Image leaf3 url"
Image3=new Image();
Image3.src=grphcs[3]="Image leaf4 url"
Image4=new Image();
Image4.src=grphcs[4]="Image leaf5 url"
Image5=new Image();
Image5.src=grphcs[5]="Image leaf6 url"

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

;
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

;
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 = Math.round(Math.random()*WinHeight);
Xpos = Math.round(Math.random()*WinWidth);
Speed= Math.random()*5+3;
Cstep=0;
Step=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*Math.sin(90*Math.PI/180);
sx = Speed*Math.cos(Cstep);
Ypos+=sy;
Xpos+=sx;
if (Ypos > WinHeight){
Ypos=-60;
Xpos=Math.round(Math.random()*WinWidth);
Speed=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos+'px';
document.layers['sn'+i].top=Ypos+hscrll+'px';
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos)+'px';
document.getElementById("si"+i).style.top=Ypos+hscrll+'px';
}
else{
eval("document.all.si"+i).style.left=Xpos+'px';
eval("document.all.si"+i).style.top=Ypos+hscrll+'px';
}
Cstep+=Step;
}
setTimeout('fall()',20);
}

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

It's recommended to use small .gif files only!

If you want to slow the falling down, then look for this toward the bottom of the code:

setTimeout('fall()',20);

and enter a higher number and as an example:

setTimeout('fall()',40);

[blc]

Sept 29, 2013 14:28:18 GMT -8 aRMY83 said:

Sept 29, 2013 13:07:47 GMT -8 blc said:

Can you walk us through what you did and where you put things?

Hello blc

Place this in your Global Header or Main Header after you enter your Image leaf url's, I use .gif extensions only. Never tried it with anything else:

<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 www.dynamicdrive.com for this script//
//Javascript Code Effect Found At: Development Resource & Javascript Code & Generator Public Archive Center//
//Located: 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]="Image leaf1 url";
Image1=new Image();
Image1.src=grphcs[1]="Image leaf2 url"
Image2=new Image();
Image2.src=grphcs[2]="Image leaf3 url"
Image3=new Image();
Image3.src=grphcs[3]="Image leaf4 url"
Image4=new Image();
Image4.src=grphcs[4]="Image leaf5 url"
Image5=new Image();
Image5.src=grphcs[5]="Image leaf6 url"

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

;
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

;
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 = Math.round(Math.random()*WinHeight);
Xpos = Math.round(Math.random()*WinWidth);
Speed= Math.random()*5+3;
Cstep=0;
Step=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*Math.sin(90*Math.PI/180);
sx = Speed*Math.cos(Cstep);
Ypos+=sy;
Xpos+=sx;
if (Ypos > WinHeight){
Ypos=-60;
Xpos=Math.round(Math.random()*WinWidth);
Speed=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos+'px';
document.layers['sn'+i].top=Ypos+hscrll+'px';
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos)+'px';
document.getElementById("si"+i).style.top=Ypos+hscrll+'px';
}
else{
eval("document.all.si"+i).style.left=Xpos+'px';
eval("document.all.si"+i).style.top=Ypos+hscrll+'px';
}
Cstep+=Step;
}
setTimeout('fall()',20);
}

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

It's recommended to use small .gif files only!

If you want to slow the falling down, then look for this toward the bottom of the code:

setTimeout('fall()',20);

and enter a higher number and as an example:

setTimeout('fall()',40);

I did that, but it is not working for me.
Is it ok to use photobucket for storing the leaf images? For some reason my images are not showing and they are all clumped together. If you want a good laugh, check out my test site to see what it happening.
 

[aRMY83]

Hello again blc

I use nothing but Photobucket and was going to look at your site, but there is no link that I can find.

[blc]

Sept 29, 2013 15:29:18 GMT -8 aRMY83 said:

Hello again blc

I use nothing but Photobucket and was going to look at your site, but there is no link that I can find.

Sorry about that!

trueblueliberydev.boards.net/

for some reason it is not finding the image, even though I copied and pasted the urls. Its also making my site jump or bounce

[aRMY83]

There is so many variables to why a forum jumps and mine does the same with this code. Something I suppose we all have to deal with in one way or another.

If you don't mind, send myself a PM of your code with images in place and I'll take a look at it for you and get back later.