# SNÖFLINGOR
Author: SpinE

Är det någon av Er som gör Er sida i HTML?

Kan ni i så fall hjälpa mig med koden för snöflingor? Det är det enda kullika jag skulle vilja ha på min sida...

## Comment 1
Author: Runsviks

Här kommer den... den finns redan i en annan tråd, men jag minns inte i vilken. Du klistrar in den här koden mellan <head></head> taggarna. Snörar det inte ute så får man fixa det själv... Lycka till![Kyss](../tiny_mce/plugins/emotions/images/smiley-kiss.gif)  

<!-- snöflingor -->  
<script language="JavaScript">  
<!--  
Width =1000 // ange bredden på sidan som ska snöas in...  
Height =700 // ange höjden på sidan som ska snöas in...  
Count = 50; // antal snöflingor OBS! ange inte för stort antal!  
MaxStep=3 // max steg i rörelsen  
MinStep=1 // min steg i rörelsen  
MaxFlake=20 // max storlek på snöflinga  
MinFlake=5 // min storlek på snöflinga

PosX = new Array();  
PosY = new Array();  
StepX = new Array();  
StepY = new Array();  
StarSize=new Array()

for (i = 0; i < Count; i++) {  
PosX\[i\] = Math.random()\*Width;  
PosY\[i\] = Math.random()\*Height;  
StepX\[i\] =MinStep+Math.random()\* -MaxStep;  
StepY\[i\] =MinStep+Math.random()\*MaxStep;  
StarSize\[i\]=MinFlake+Math.random()\*MaxFlake

//färg på snöflingor och tecken som används (asterisk \* i exemplet)  
document.write("<div id='Obj" + i + "' style='position:absolute; left:0; top:0; visibility:hidden; color:#CFCFCF; font-size:"+StarSize\[i\]+"'>\*</div>");  
}

function animate() {  
for (i = 0; i < Count; i++) {  
PosY\[i\] += StepY\[i\];  
PosX\[i\] += StepX\[i\];

document.getElementById("Obj"+i).style.visibility ="visible"  
if (PosY\[i\] > document.body.clientHeight-20||PosX\[i\] > document.body.clientWidth-20||PosX\[i\]<0) { // starta om från toppen av sidan när botten nås  
PosX\[i\] = Math.random()\*document.body.clientWidth///2  
PosY\[i\] = document.body.scrollTop;  
StepX\[i\] = MinStep+Math.random()\* -MaxStep;  
StepY\[i\] = MinStep+Math.random()\*MaxStep;  
}

document.getElementById("Obj"+i).style.top = PosY\[i\];  
document.getElementById("Obj"+i).style.left = PosX\[i\]  
}  
setTimeout("animate()", 50);// hastighet  
}

setTimeout("animate()", 1000)  
// -->  
</script>

## Comment 2
Author: Sisikarlstad

HJÄÄÄÄÄÄÄÄÄÄÄÄLP!!!! Ja det fattade jag NÄÄÄääää!!![Fl&ouml;rt](../tiny_mce/plugins/emotions/images/smiley-wink.gif)

## Comment 3
Author: Anneli_G

Jag ser fortfarande inte mina egna snöflingor... men jag kan se de som är på Runsviks sida... fattar inget...

## Comment 4
Author: Seerath

#3 jag ser ditt när jag använder internet explorer men inte med firefox, men jag kan se runsviks med firefox.

Har du testat flytta scriptet sist i head?

## Comment 5
Author: Anneli_G

Ja, jag har provat allt... jag ser likadant som du gör... men jag förstår inte varför det blir så...

## Comment 6
Author: SpinE

Tack! Imorgon ska jag fixa lite snöflingor!

## Comment 7
Author: Anneli_G

Yes... jag fick till det... tjuvkikade i Runsviks källkod och hittade en rad i min kod som jag tog bort så det blev lika som Runsviks... och nu funkar det!! wiii

## Comment 8
Author: Runsviks

Oj... va´ ni jobbar... nyfiken vilken rad tog du#7 bort?

För koden här ovanför är samma kod som jag har på min sida.

## Comment 9
Author: Anneli_G

Nej det var koden från indexsidan... jag hade en extra rad högst upp på min index som blockerade... själva snöflingekoden har jag tagit rakt av... =)
