6 Kasım 2009 Cuma

HTML’de SMIL

SMIL’ı IE’de Çalıştırmak


Internet Explorer 5.5 veya daha sonrasında SMIL elemanları HTML dosyalarının içine eklenebilmektedir.

HTML sayfalarınızda SMIL elemanlarını kullanabilmek için, elemanları işleyen “time” namespace’i eklenmelidir. SMIL etiketlerini kullanabilmek için time sınıfı tanımlanmalıdır:

  • <html> etiketine zaman namespace’ini ekle.
  • zaman namespace’ini belirtmek için <?import> elemanına ekle.
  • zaman sınıfını tanımlamak için <style> elemanına ekle.
Örnek:

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>


HTML sayfasında SMIL sunumunu çalıştırmak için, SMIL elemanlarına sınıf özelliğini eklemek ve başına önek eklemek yeterlidir.

Örnek:

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>

<body>
<time:seq repeatCount="indefinite">
    <img class="time" src="image1.jpg" dur="3s" />
    <img class="time" src="image2.jpg" dur="3s" />
</time:seq>
</body>
</html>

Not: Sınıf ve namespace adının “time” olması zorunlu değildir. İstenilen herhangi bir isim olabilir.

Hiç yorum yok:

Yorum Gönder