SMIL Übergang

Transition kann für Elemente Effekte wie "einblenden" und "ausblenden" sowie "wischen" erzeugen.

Transition gehört zu SMIL 2.0

Transition ist eine neue Eigenschaft in SMIL 2.0. Transitionen gehören nicht zum Bestandteil der SMIL 1.0-Spezifikation.

Internet Explorer 6 unterstützt Transitionen basierend auf der SMIL 2.0-Spezifikation. Transitionen werden durch das <transitionfilter>-Element implementiert.

Eigenschaften

<transitionfilter>-Elemente besitzen mehrere Elemente, die häufigsten sind:

Eigenschaften Beschreibung Beispiel
type Definiert den Typ des Transition-Filter (siehe Liste der Transition-Filter) type="clockWipe"
begin Definiert, wann die Transition beginnt begin="0s"
mode Definiert den Modus der Transition mode="in"
from Definiert den Startwert der Transition from="0.2"
to Definiert den Endwert der Transition to="0.8"

Transition-Filter

Kann die folgende Transition-Filter verwendet werden:

fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe 
pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

Beispiel: Transition anzeigen

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:transitionfilter targetelement="keyb"
type="clockWipe"
begin="keyb.begin" dur="2s" />
<img id="keyb" class="t" src="pic_keyb.jpg" dur="4s"
width="128" height="107" />
</body>
</html>

In dem obigen Beispiel wird das Bild für 4 Sekunden angezeigt. Der Transition-Filter zeigt das Bild in 2 Sekunden in der Weise "clockWipe" an.

Hinweis:Sie müssen Internet Explorer 6 ausführen, um dieses Beispiel anzuzeigen.

TIY