|
|||
Snowscript von dynamic drive nur ohne doctype
Hallo, ich habe mir das (unten stehende) Script von dynamic drive geholt.
Bei mir funktionierte es nicht - bis ich den doc type gelöscht habe. Kann mir jemand erklären, warum das so ist und ob ich irgendwas an dem script ändern kann, daß es doch auch auf Seiten geht in denen der doctype deklariert ist. Denn ich dachte, der soll unbedingt angegeben werden. Vielen Dank! (Ich wende mich nicht direkt an dynamic drive, weil mein Englisch nicht so toll ist und ich dann immer nur die hälfte verstehe, außerdem ist dieses Forum hier ganz hervorragend, finde ich!!) hier das script: 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]="al.gif"; Image1=new Image(); Image1.src=grphcs[1]="bl.gif" Image2=new Image(); Image2.src=grphcs[2]="cl.gif" Image3=new Image(); Image3.src=grphcs[3]="dl.gif" Image4=new Image(); Image4.src=grphcs[4]="el.gif" Image5=new Image(); Image5.src=grphcs[5]="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> |
Sponsored Links |
|
||||
Vermutlich ist das Ding uralt.
Zitat:
JavaScript Snow: DHTML Snowstorm. 10 Top jQuery Snow Falling effect Plugin & Tutorial with Example |
Sponsored Links |
|
|||
Vielen Dank für eure Antworten!
Ich habe mir inzwischen schon ein neueres Besorgt. Ich fand das (alte) von der Bewegung her recht schön. Aha die css Warnungen anschauen - ich habe in der Abteilung script gesucht und nichts gefunden, was meiner Meinung nach nach Fehler ausgesehen hätte ... Hm, das habe ich auf meiner Suche schon öfter Gelesen, daß die px-Angabe in den Scripten fehlt. Vielen Dank für eure Kommentare und vielen Dank für die Links!!!! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
doctype zerschiesst Layout | Tony-Flow | Barrierefreiheit | 7 | 11.06.2009 14:48 |
Lücken im Layout (z.T. erst nach Angabe von Doctype) | Leeloo | (X)HTML | 12 | 21.07.2006 13:51 |
DOCTYPE -> horizontal & vertikal zentriert | mikeIV | (X)HTML | 8 | 30.10.2005 22:21 |
DOCTYPE Formatierung von select Feld | jens.g | CSS | 3 | 30.06.2004 14:14 |