Schneegestöber kontra andere Animationen

[Anja70]

Hallo,

als ich ein Java Script Schneegestöber von freenet auf meiner Website eingebaut habe, liefen plötzlich die anderen Animationen (Laufschrift und animiertes @-Zeichen nicht oder nur sehr sehr langsam, auch die Schneeflocken fielen langsamer.
Vertragen sich die Animationen irgendwie nicht?
Meine Homepage: www.white-spirits.de
Wäre schön, wenn mir jemand helfen könnte, bin im Homepagebau noch ein ziemlicher Neuling.

Viele Grüsse

Anja

[Hoax]

Ich kann leider gar keine Schneeflocken sehen.

[Butterstulle]

Zitat von Hoax

Ich kann leider gar keine Schneeflocken sehen.

ich seh auch keine ( IE6 XPPro SP2)

PS:Willkommen im TP

Gruß,
Butterstulle

[webmichl]

Ich seh auch keine, hab aber die Erfahrung gemacht, daß die Schneeriesel-Scripts teilweise ziemlich resourcenhungrig sind - die anderen Animationen kriegen also weniger Computerzeit und werden dadurch langsamer...

[Anja70]

Hallo,

habe den Schnee mittlerweile wieder runtergeschmissen, da die anderen Animationen ja nicht liefen.
Gibt es denn eine Lösung, dass die anderen Animationen wieder mehr Ressourcen bekommen?
Danke für die Hilfe

Anja

[Thomas]

dieses Riesel-Script funktioniert ganz gut

hab' allerdings auch keine anderen Spielereien gleichzeitig laufen

[Anja70]

echt schöne Schnee-Animation, aber leider wieder das gleiche Problem, die anderen Sachen laufen nicht.

viele grüsse

Anja

[321]

dieses läuft einwandfrei im IE6 und Opera nebst andern anim.gifs
im NS6 beeinträchtigt es die andern anim.gifs (brennende Kerzen, von denen man die flackernde Flamme, nicht aber den festen Teil der Kerze sieht!)

mit weniger Flocken und/oder langsamerem Laufen würde weniger gebremst aber der Effekt wäre auch schlechter.

Das Script ist am Ende des Body einzubinden.

var no = 25; 									// number of snowflakes
var speed = 10; 								// the smaler, the faster move snowflakes
var snowflake = "snow.gif";				// picture source
var ns4b = (document.layers) ? 1 : 0;	// Netscape4.x
var b4up = (document.all) ? 1 : 0;		// MSIE4, Opera5, Netccape5
var dx, xp, yp;								// coordinate and position variables
var am, stx, sty;								// amplitude and step variables
var snowobj;
var i, doc_width = 800, doc_height = 600;

if (ns4b) {
	doc_width  = self.innerWidth;
	doc_height = self.innerHeight;
} else if (b4up) {
	doc_width  = document.body.clientWidth;
	doc_height = document.body.clientHeight;
} else {
	b4up = 1;									// 800x600 screen-default
}// if

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowobj = new Array();

for (i=0; i<no; ++i) {  					// iterate for every snowflake
	dx[i] = 0;									// set coordinate variables
	xp[i] = Math.random()*(doc_width-50);  // set position variables
	yp[i] = Math.random()*doc_height;
	am[i] = Math.random()*20;				// set amplitude variables
	stx[i] = 0.02 + Math.random()/10; 	// set step variables
	sty[i] = 0.7 + Math.random();			// set step variables
	if (ns4b) {									// set layers
		document.write("<LAYER NAME=\"flake"+ i +"\" LEFT=\"15\" TOP=\"15\" VISIBILITY=\"show\"><IMG SRC=\""+ snowflake +"\" BORDER=0></LAYER>");
	} else if (b4up) {
		document.write("<DIV ID=\"flake"+ i +"\" STYLE=\"position:absolute; z-index:"+ i +"; visibility:visible; top:15px; left:15px;\"><IMG SRC=\""+ snowflake +"\" BORDER=0></DIV>");
		snowobj[i] = eval (document.getElementById("flake"+i).style);
	}//if
}//for

function snowNS() {  						// Netscape4 main animation function
	for (i=0; i<no; ++i) {  				// iterate for every snowflake
		yp[i] += sty[i];
		if (yp[i] > doc_height-50) {
			xp[i] = Math.random()*(doc_width-am[i]-30);
			yp[i] = 0;
			stx[i] = 0.02 + Math.random()/10;
			sty[i] = 0.7 + Math.random();
		}//if
		dx[i] += stx[i];
		document.layers["flake"+i].top = yp[i];
		document.layers["flake"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
	}//for
	setTimeout("snowNS()", speed);
}//snowNS

function snowDocument() {  				// MSIE4, Opera5, Netscape5 main animation function
	for (i=0; i<no; ++i) {					// iterate for every flake
		yp[i] += sty[i];
		if (yp[i] > doc_height-50) {
			xp[i] = Math.random()*(doc_width-am[i]-30);
			yp[i] = 0;
			stx[i] = 0.02 + Math.random()/10;
			sty[i] = 0.7 + Math.random();
		}//if
		dx[i] += stx[i];
		snowobj[i].top  = yp[i];
		snowobj[i].left = xp[i] + am[i]*Math.sin(dx[i]);
	}//for
	setTimeout("snowDocument()", speed);
}//snowDocument

if (ns4b) {									// Netscape4
	snowNS();
} else if (b4up) {						// MSIE4, Opera5, Netscape5
	snowDocument();
}//if