SELFHTML Forums-Auslese - DHTML

SELFHTML Forums-Auslese DHTML
	Forums-Auslese Microsoft Filter und Datenanbindung
	IE: Reveal-Trans Übergangseffekt von Text auf Bild

IE: Reveal-Trans Übergangseffekt von Text auf Bild

Basierend auf einem Forums-Beitrag vom 09.03.99 von:
Stefan Muenz, muenz@csi.com

In dem SELFHTML-Abschnitt Fließende Übergänge mit dem revealTrans-Filter wird beschrieben, wie man beim Internet Explorer Texte durch Übergangseffekte dynamisch austauschen kann. Hier wird gezeigt, dass man nicht nur Texte gegen Texte bzw. Grafiken gegen Grafiken sondern auch z.B. einen Text durch eine Grafik austauschen kann. Als Feinheit ist zu bemerken, dass das Bild hierbei in ein Image()-Objekt vorgeladen wird, welches später nicht explizit weiterverwendet wird. Dies dient dazu, zu verhindern, dass das Bild erst dann geladen wird, wenn der Übergangsfilter bereits aktiviert ist.

Beispiel: Text mit "Reveal Trans"-Übergangsfilter durch Grafik ersetzen

<html><head><title>Reveal-Trans</title>
<script language="JavaScript">
  Grafik = new Image(); 
  Grafik.src = "bild1.jpg";
</script> 
</head>
<body>

<div id="MeinText" style="width:600px; height:100px;
font-size:24pt; filter:revealTrans(Duration=1,Transition=7)">
Hier kommt gleich ein Bild
</div>

<script language="JavaScript">
window.setTimeout("Wechsel()",2500);
function Wechsel() 
{  
   document.all.MeinText.filters.revealTrans.Apply();
   document.all.MeinText.innerHTML = "<img src=\"bild1.jpg\">";
   document.all.MeinText.filters.revealTrans.Play(); 
}
</script>

</body></html>


weiter:	Netscape: Rechte Maustaste zweckentfremden
zurück:	Dynamisches Ändern von Inhalten

SELFHTML Forums-Auslese DHTML

Forums-AusleseMicrosoft Filter und Datenanbindung

IE: Reveal-Trans Übergangseffekt von Text auf Bild

Beispiel: Text mit "Reveal Trans"-Übergangsfilter durch Grafik ersetzen

Forums-Auslese
Microsoft Filter und Datenanbindung