6 Kasım 2009 Cuma

SMIL Geçişler

Geçişler SMIL 2.0 ile birlikte gelen yeni bir özelliktir. SMIL 1.0’da böyle bir bölüm yoktur.
IE 6, SMIL 2.0 tabanlı geçişleri desteklemektedir.
Geçişler transitionfilter elemanı ile uygulanmaktadır.

Özellikler

< transitionfilter> etiketinin en çok kullanılan özellikleri:
Tablo: transitionfilter etiketinin özellikleri
Özellik
Tanım
Örnek
type
Geçiş filtresinin türünü tanımlar.
type="clockWipe"
begin
Geçişin ne zaman başlayacağını tanımlar.
begin="0s"
mode
Geçiş biçimini tanımlar.
mode="in"
from
Geçişin başlangıç değerini tanımlar.
from="0.2"
to
Geçişin sonlanma değerini tanımlar.
to="0.8"

Geçiş Filtreleri

Geçiş filtreleri olarak bunlar kullanılabilir:
fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe, pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

Geçiş Gösterimleri Örneği:

Örnekte resim 4 saniye gösterilecektir. Geçiş filtresi “clockwipe” türünde 2 saniye kullanılacaktır.
<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>

Hiç yorum yok:

Yorum Gönder