SMIL di HTML

Internet Explorer dapat meluncurkan presentasi SMIL di berkas HTML.

Meluncurkan Presentasi SMIL di IE

Dengan versi Internet Explorer 5.5 atau yang lebih tinggi, Anda dapat menempatkan elemen SMIL ke dalam berkas HTML.

Dengan cara ini, setiap presentasi SMIL dapat dijalankan sebagai berkas HTML standar di Internet.

Menambahkan referensi

Untuk menggunakan elemen SMIL dalam HTML, Anda harus mendefinisikan ruang nama "time" untuk Internet Explorer, agar dapat mengidentifikasi elemen ini. Lakukan seperti berikut:

  • Tambahkan definisi ruang nama ke tag <html>
  • Menambahkan elemen <?import> untuk mengimpor ruang nama "time"

Untuk menambahkan atribut SMIL ke elemen HTML standar, Anda harus mendefinisikan kelas "time" untuk Internet Explorer, agar dapat mengidentifikasi atribut ini. Lakukan seperti berikut:

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

Dalam bagian berikutnya, Anda dapat melihat contoh instansiasi penuh.

Menambahkan Elemen SMIL

Untuk menjalankan presentasi SMIL di HTML, cukup menambahkan prefiks dan atribut class ke elemen SMIL:

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

Dalam contoh di atas, kami menambahkan class="time" untuk elemen <img> dan menambahkan prefiks "time" untuk elemen SMIL.

Pemberitahuan:Kelas dan namespace tidak harus disebut "time". Bisa dengan nama apapun.

Sebuah instansi Internet Explorer

<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