SMIL dalam HTML

Internet Explorer dapat melaksanakan pertunjukan SMIL di berkas HTML.

Melaksanakan Pertunjukan SMIL di IE

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

Dengan cara ini, setiap pertunjukan SMIL dapat dijalankan sebagai berkas HTML standar di internet.

Tambahkan referensi

Untuk menggunakan elemen SMIL dalam HTML, anda harus mendefiniskan ruang nama "time" untuk Internet Explorer, supaya dapat mengenali elemen ini. Lakukan seperti berikut:

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

Untuk menambahkan atribut SMIL kepada elemen HTML standar, anda harus mendefiniskan kelas "time" untuk Internet Explorer, supaya dapat mengenali atribut ini. Lakukan seperti berikut:

  • Tambahkan elemen <style> yang mendefiniskan 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 bab berikutnya, anda dapat lihat contoh keseluruhan yang berjalan.

Tambah Element SMIL

Untuk menjalankan presentasi SMIL dalam HTML, hanya tambahkan prefiks dan atribut class untuk 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.

Petunjuk:Kelas dan Nama Ruang tidak harus disebut "time". Bisa menggunakan nama apapun.

Satu 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