Snow fall widget for my site at Christmas.

Question

Hello,
This is my first visit to the Apple Forum.
I'd really like to insert some falling snow on my welcome page for Christmas, but I haven't quite been able to figure out how it's down, so far all the options that I've seen seem to be set-up only to work for the PC!! Help and advice would be welcome, I should add I don't have any HTML knowledge.
http://web.me.com/chrisantjoule

Answer 1

The code is a very old javascript file that you could add as an html "snippet" in the body tag of your page code.
You would also have to "borrow" the 6 image files, edit the code below to to "point" to the new URL on your server and upload them.
Not for the faint of heart but very doable.
<SCRIPT type="text/javascript">
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="snow1.gif";
Image1=new Image();
Image1.src=grphcs[1]="snow2.gif"
Image2=new Image();
Image2.src=grphcs[2]="snow3.gif"
Image3=new Image();
Image3.src=grphcs[3]="snow4.gif"
Image4=new Image();
Image4.src=grphcs[4]="snow5.gif"
Image5=new Image();
Image5.src=grphcs[5]="snow6.gif"
Amount=25;
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 = 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 = SpeedMath.sin(90Math.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;
document.layers['sn'i].top=Yposhscrll;
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos);
document.getElementById("si"i).style.top=Yposhscrll;
else{
eval("document.all.si"+i).style.left=Xpos;
eval("document.all.si"i).style.top=Yposhscrll;
Cstep+=Step;
setTimeout('fall()',115);
window.onload=fall
//-->
</SCRIPT>