nicht angemeldet
Suche nach animiertem Schneefall
Hi!
Ich suche dringend ein Bild mit animiertem Schneefall. Leider liefern alle großen Suchmaschinen und Clipart- bzw. Gifarchive nicht das gewünschte Ergebnis. Könnt ihr mir bitte helfen???
Vielen Dank!
Gruß David!
-
Hallo David,
Ich suche dringend ein Bild mit animiertem Schneefall.
http://www.dseffects.com/scriptsfx/DS_Snow/DS_Snow.html - beachte aber, dass das Script selbst meinen Athlon 1400 in die Knie zwingt...
Ach ja, Dir ist klar, dass das ganze nur eine sinnlose Spielerei ist?
Leider liefern alle großen Suchmaschinen und Clipart- bzw. Gifarchive nicht das gewünschte Ergebnis. Könnt ihr mir bitte helfen???
Unter http://www.hotscripts.com/ wirst du fündig, ich habe nach "snow" unter der Kategorie "JavaScript" gesucht, und schon etwas gefunden: http://www.hotscripts.com/search/?query=snow&category=javascript
Nächtes mal: Ein Thread reicht, ok?
Grüße,
Christian
--
Ich bitte darum, dass ein Themenbereich (BARRIEREFREIHEIT) eingerichtet wird. -
Hi Christian, vielleicht hilft dir das!
<html>
<body>
<!--Achtung das script unbedingt innerhalb des Bodytags einbinden!!!!! --//--><script type="text/javascript" src="snow1.js"></script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<nobr> Testzeile zum scrolltest Testzeile zum scrolltest Testzeile zum scrolltest Testzeile zum scrolltest Testzeile zum scrolltest Testzeile zum scrolltest </nobr>
</body>
</html>
Hier die Javascriptdatei -snow1.js-var no = 18; //Anzahl der schneeflocken
var tempo=10 //geschwindigkeit mit der die Flocken fallen
var schritt=1 //schrittweite mit der die Flocken fallen
//hier die Bilder für die unterschiedlichen Flocken
//alle bilder müssen gleich groß sein
bilder=new Array("snow1.gif","snow2.gif","snow3.gif")//kannst du beliebig erweitern
//hoehe und breite der Bilder angeben !!!!!!!!bildbreite=50
bildhoehe=50//Browserabfrage
var ns4 = (document.layers) ? 1 : 0;
var ie4 = (document.all) ? 1 : 0;
var ns6 = (document.getElementById&&!document.all) ? 1 : 0;
var pos_ko
if (ns4||ns6)
{
//hoehe und Breite des Browserfensterns innen
browserbreite = parseInt(self.innerWidth)
browserhoehe = parseInt(self.innerHeight)
}
else if (ie4)
{
//hoehe und Breite des Browserfensterns innen
browserbreite = parseInt(document.body.clientWidth)
browserhoehe = parseInt(document.body.clientHeight)
}
pos_ko=new Array()//schleife zum füllen und erstellen der Flockenfelder
for (i = 0; i < no; ++ i)
{
//zufälliges Bild zuweisen
snowsrc=bilder[Math.floor(Math.random()*bilder.length)]
if(ns4)
document.write("<layer name="flocke"+ i +"" TOP="15" LEFT="15px";><img src='"+snowsrc+"' border="0"></layer>");else
document.write("<div id="flocke"+ i +"" style="POSITION:absolute;Z-INDEX:"+ i +";VISIBILITY:visible;TOP:15px; LEFT:15px;"><img src='"+snowsrc+"' border="0"></div>");
init()}
//initialisieren der positionswerte und schritte
//function wird beim Start der Seite aufgerufen und bei Größenänderungen
function init()
{
pos_ko[i]=new Array()
pos_ko[i][0] = 0; // Anfangsposition innerhalb der amplitude
pos_ko[i][1] = Math.random()*(browserbreite-bildbreite); //horizontale Anfangsposition der Flocke
pos_ko[i][2] = Math.random()*(browserhoehe-bildhoehe); //Vertikale Anfangsposition der Flocke
pos_ko[i][3] = Math.random()*20; // bestimmt die breite der Amplitude
pos_ko[i][4] =0.02+ Math.random()/10; // Bewegung innerhalb der Amplitude
pos_ko[i][5] = schritt + Math.random(); // bewegung der Flocke nach unten
}function schneefall()
{//scrollpositionen dazuaddieren
addposy=0
addposx=0
if(document.all)
{
addposy=parseInt(document.body.scrollTop)
addposx=parseInt(document.body.scrollLeft)
}
else
{
addposy=parseInt(window.pageYOffset);
addposx=parseInt(window.pageXOffset);
}//neue Position für jede Flocke
for (i = 0; i < no; ++ i)
{
pos_ko[i][2] += pos_ko[i][5];
//maximale Browserhoehe erreicht
//Flocke neu Positionieren am oberen Rand
if (pos_ko[i][2] > browserhoehe-bildhoehe)
{
pos_ko[i][1] = Math.random()*(browserbreite-pos_ko[i][3]-(bildbreite/2));
pos_ko[i][2] = 0
pos_ko[i][4] =0.02+ Math.random()/10;
pos_ko[i][5] =schritt + Math.random();
}
pos_ko[i][0] += pos_ko[i][4];
if (ie4)
{
document.all["flocke"+i].style.pixelTop = pos_ko[i][2]+addposy;
document.all["flocke"+i].style.pixelLeft = pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0])+ addposx; ;
if(browserbreite!=parseInt(document.body.clientWidth)|| browserhoehe!=parseInt(document.body.clientHeight))
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
browserbreite=parseInt(document.body.clientWidth)
browserhoehe=parseInt(document.body.clientHeight)
init()
}
}
else if (ns6)
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
document.getElementById("flocke"+i).style.top=pos_ko[i][2]+addposy;
document.getElementById("flocke"+i).style.left=pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0]) + addposx; ;
browserbreite=parseInt(window.innerWidth)
browserhoehe=parseInt(window.innerHeight)}
else if(ns4)
{
//browser in Größe verändert?
//werte anpassen und neu initialisieren
document.layers["flocke"+i].top=pos_ko[i][2]+addposy;
document.layers["flocke"+i].left=pos_ko[i][1] + pos_ko[i][3]*Math.sin(pos_ko[i][0]) +addposx;
browserbreite=parseInt(window.innerWidth)
browserhoehe=parseInt(window.innerHeight)
}
}
//function ruft sich selber nach vorgegebener Zeit wieder auf
schneetimer=setTimeout("schneefall()", tempo);
}
// anzeige initialisieren
init()
//schneefall starten
schneefall();