JavaScript Schnee
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi,
hab bei der siete jswelt.de (glaube ich, das es die war) nen skript gefunden, welches es schneien l?st (wenn grafik vorhanden).
jetzt ist es aber so, dass es soabld die seite nen scrollbalken hat (also gr??er ist) der schnee nie bis unten fliegt, was muss ich ver?ndern?
var snowsrc="../images/snow.gif"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx = 0;
xp = Math.random()*(doc_width-50);
yp = Math.random()*doc_height;
am = Math.random()*20;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}
setTimeout("snowNS()", 10);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx += stx;
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
MfG
Kraeusi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
das problem ist, dass die Schneebilder immer an der position 15px von oben aus gesehen anfangen. Wenn du das Fenster nach unten scrollst, dann m?sstest du der Funktion einen neuen Wert ?bergeben (du musst wissen, wo jetzt der h?chste ort im Fenster ist).
Sorry ich weiss nicht, wie das geht, aber es ist eigentlich einfach. Du m?sstest dann nur diese 15px durch diesen Wert ersetzen.
mfg,
hr -
Hi,
das problem ist, dass die Schneebilder immer an der position 15px von oben aus gesehen anfangen. Wenn du das Fenster nach unten scrollst, dann m?sstest du der Funktion einen neuen Wert ?bergeben (du musst wissen, wo jetzt der h?chste ort im Fenster ist).
Sorry ich weiss nicht, wie das geht, aber es ist eigentlich einfach. Du m?sstest dann nur diese 15px durch diesen Wert ersetzen.
mfg,
hr
da es aber andauernt ein andererwert sit ist es nciht snivoll, da es bei solchen sachen dann zu ungenau wird, wurde mir mal gesagt, mann k?nnte es ja auch so amchen, das permanent, alles was unten rausgeht, oben wieder rein kommt...
MfG
Kraeusi -
ich habe mal 2 fragen:
1. gibt es mehr bilder als dieses "snow.gif"?
2. muss man bei dem bild irgendwas besoderes beachten? -
ich habe mal 2 fragen:
1. gibt es mehr bilder als dieses "snow.gif"?
2. muss man bei dem bild irgendwas besoderes beachten?
1.) nein nur den schnee
2.) nein, ist ein normales gif was von oben bis unten fliegen soll
Mfg
Kraeusi -
Wie w?re es denn mit diesen Skript?
http://www.dynamicdrive.com/dynamicindex3/snow.htm
Jens -
Wie w?re es denn mit diesen Skript?
http://www.dynamicdrive.com/dynamicindex3/snow.htm
Jens
jop geht schon, die geschw. und die menga kann man ja im skript ?ndern, auch wenn das auch ziehmlich lang und un?bersichtlich sit, ist es schon mal besser, aber der nachteil hier ist, das die flocke nur im zick-zack fliegen also niaht natur getreu, wenn du wei?t was ich damit ausdr?cken will.
MfG
Kraeusi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
