The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Falling Leaves

View previous topic View next topic Go down

In progress Falling Leaves

Post by Dustination on October 1st 2016, 11:13 pm

I'm trying to add falling leaves to my website. I've found a JS code that seemingly has worked for people in the past but that doesn't seem to be the case for me. I have tried placing it in my templates and I get nothing.

Here is the code:

Code:
<script language="JavaScript1.2">
 
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script
 
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://www.dynamicdrive.com/dynamicindex3/al.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://www.dynamicdrive.com/dynamicindex3/bl.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.dynamicdrive.com/dynamicindex3/cl.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.dynamicdrive.com/dynamicindex3/dl.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://www.dynamicdrive.com/dynamicindex3/el.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://www.dynamicdrive.com/dynamicindex3/fl.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];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
 
window.onload=fall
//-->
</script>


One thing I noticed is that no matter where I placed it the last '</script>' was colored red. I have tried with both the images included in this script and images of my own.

Any help is appreciated, thank you! Here is my site for reference: http://projectcrusade.forumotion.com/

Dustination
Forumember

Posts : 29
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

In progress Re: Falling Leaves

Post by SLGray on October 1st 2016, 11:35 pm

Are you looking at this: http://help.forumotion.com/t143926-decorate-your-forum-for-halloween?highlight=halloween ?

You can use the image rain codes and replace the images with leaves.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Falling Leaves

Post by Dustination on October 2nd 2016, 12:10 am

That works, thanks. I just wish they fell continuously instead of once (Seems to be the case, nevermind) and had a variety of images like the code in my original post.

Dustination
Forumember

Posts : 29
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum