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