✔ kurz weißes Fenster bei Seitenwechsel über location

[tantebootsy]

Hi,

ich wende den Alpha-Filter des IE auf den div-Inhaltsbereich dieser Versuchsseite an:

a=0;
der_film="der_film.php";
startseite="index.php";

	function FadeIn(){
		document.getElementById("fadebereich").filters.alpha.opacity=a;
		a++;
		if(a==100)
			return;
		else
			setTimeout("FadeIn()",10);
	}
	
	
	
	
	function Seitenwechsel(ziel){
		document.getElementById("fadebereich").filters.alpha.opacity=a;
		a--;
		if(a==0)
			location.href=ziel;
		else
			setTimeout("Seitenwechsel('"+ziel+"')",8);
	}

Wenn man also nach dem Laden der Seite auf "der Film" geht oder danach wieder zurück auf "Startseite", blendet der Inhaltsbereich aus und über das location wird die neue Seite aufgerufen.

Doch auf manchen Rechnern stelle ich fest, dass zwischen dem Seitenwechsel das IE-Fenster kurz weiß "aufblitzt", was natürlich unschön ist.

Ich dachte, es könnte mit dem Cachen der Seite zu tun haben und hab's über PHP unterbunden. Der Effekt bleibt jedoch.

Gruß,
Micha

 

[Sven Mintel]

Naja...wenn man eine neue Seite aufruft, müssen neue Daten geladen werden... dies dauert schonmal einen Moment, ...solange hat der Browser nicht zum Anzeigen, und bleibt weiss.

 

[tantebootsy]

Klar, kann man auch so sehen, vielleicht hast du recht ... Muss ich halt hoffen, dass es nicht auf der Mehrzahl der PCs vorkommt.
Wenn die Seite nämlich nicht weiß wird ist der Effekt ganz nett. Und mit FF ist er auch (schon über CSS3) möglich, da stellt er sich allerdings nicht so schön dar.

 

[Sven Mintel]

Versuchs doch für den IE mal mit diesen Filtern für Seitenübergänge:
http://de.selfhtml.org/dhtml/modelle/dynamische_filter.htm#seitenuebergaenge

also...nicht, dass du die Filter sichtbar benutzt, sondern sie einfach einsetzen, ohne eine sichtbare Wirkung zu erzeugen.... ich hab diese Technik zwar noch nicht benutzt, soweit ich das überblicke, sollte sie aber bewirken, dass 2 Seiten ohne kurzen Blackout angezeigt werden.

 

[tantebootsy]

Tatsächlich! Das scheint zu funktionieren. :suspekt:
Ich habe nun einfach in den Header den Meta

<meta http-equiv="Page-Exit" content="BlendTrans(Duration=0, Transition=0)" />

reingesetzt, also mit einer Übergangszeit von 0 Sekunden, und jetzt blendet er fließend über, jedoch nur den DIV-Bereich, wie gewollt! ;-)

Super Idee.

Micha