SMIL ใน HTML

Internet Explorer สามารถทำงาน SMIL ในไฟล์ HTML

ทำงาน SMIL ใน IE

ด้วย Internet Explorer 5.5 หรือสูงกว่า คุณสามารถใส่ส่วน SMIL ไปในไฟล์ HTML

ด้วยวิธีนี้ SMIL การแสดงทุกชิ้นสามารถทำงานได้เหมือนไฟล์ HTMLมาตรฐานในอินเตอร์เน็ต

เพิ่มการอ้างอิง

ถ้าคุณต้องการใช้ส่วน SMIL ใน HTML คุณจำเป็นต้องนิยามชื่อช่วง "time" ให้กับ Internet Explorer ซึ่งจะสามารถรับรู้ส่วนเหล่านี้ได้ กรุณาทำตามแนวทางนี้:

  • เพิ่มการนิยามชื่อช่วงให้กับแท็ก <html>
  • เพิ่มส่วน <?import> เพื่อนำเข้าชื่อช่วง "time"

ถ้าคุณต้องการเพิ่มคุณสมบัติ SMIL ให้กับองค์ประกอบ HTML มาตรฐาน คุณจำเป็นต้องนิยามคลาส "time" ให้กับ Internet Explorer ซึ่งจะสามารถรับรู้คุณสมบัติเหล่านี้ได้ กรุณาทำตามแนวทางนี้:

  • เพิ่มส่วน <style> ที่นิยามคลาส "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

ในส่วนต่อไปนี้ คุณจะเห็นตัวอย่างการทำงานทั้งหมด

เพิ่มส่วน SMIL

เพื่อที่จะปฏิบัติ SMIL ใน HTML แล้ว แค่เพิ่มเปรียบคำนำหน้าและ class อันดับหนึ่ง ให้กับองค์ประกอบ SMIL

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

ในตัวอย่างที่แสดงด้านบน เราได้เพิ่ม class="time" ให้กับองค์ประกอบ <img> และเพิ่มเปรียบคำนำหน้า "time" ให้กับองค์ประกอบ SMIL

คำเตือน：ชั้นและชื่อชนิดไม่จำเป็นต้องเรียกว่า "time" แน่นอน ชื่อใดก็ได้

ตัวอย่าง 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