HTML'de SMIL

Internet Explorer HTML dosyalarında SMIL sunumlarını çalıştırabilir.

IE'de SMIL Sunumu Çalıştır

Internet Explorer 5.5 veya daha yüksek sürümleri ile, SMIL elementleri HTML dosyalarına eklenabilir.

Bu şekilde, herhangi bir SMIL sunumu standart HTML dosyaları olarak İnternet üzerinde çalıştırılabilir.

Alıntı Ekle

HTML'de SMIL elementlerini kullanmak için, Internet Explorer'a bir "time" alan adı tanımlamanız gerekmektedir. Bu elementleri tanıyabilmek için aşağıdaki gibi yapın:

  • <html> etiketine bir alan adı tanımı ekleyin
  • Bir <?import> elementi ekleyerek "time" adlı alan adını içe aktarın

Standart HTML elementlerine SMIL özellikleri eklemek için, Internet Explorer'a "time" sınıfını tanımlamanız gerekmektedir. Bu özellikleri tanıyabilmek için aşağıdaki gibi yapın:

  • Bir "time" sınıfı tanımlayan <style> elementi ekleyin
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

Bir sonraki bölümde, tam çalışma örneğini görebilirsiniz.

SMIL Element Ekle

HTML'de SMIL gösterimi yapmak için, SMIL öğesine bir öneki ve bir class özelliği eklemeniz yeterlidir:

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

Yukarıdaki örneklerde, <img> öğesine class="time" ekledik ve SMIL öğelerine "time" öneki ekledik.

İpucu:Sınıflar ve alan adları "time" olarak adlandırılmak zorunda değildir. Herhangi bir isim olabilir.

Bir Internet Explorer Örneği

<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>

TIY