SMIL در HTML

Internet Explorer قادر به اجرای نمایش‌های SMIL در فایل‌های HTML است.

اجرای نمایش SMIL در IE

با استفاده از نسخه 5.5 یا بالاتر Internet Explorer، می‌توانید عناصر SMIL را به فایل‌های HTML اضافه کنید.

به این ترتیب، هرگونه نمایش SMIL می‌تواند به عنوان یک فایل HTML استاندارد در اینترنت اجرا شود.

اشاره اضافه کنید

برای استفاده از عناصر SMIL در HTML، باید برای Internet Explorer یک فضای نام "time" تعریف کنید تا بتواند این عناصر را شناسایی کند. این کار را به این صورت انجام دهید:

  • فضای نام تعریف شده را به برچسب <html> اضافه کنید
  • یک عنصر <?import> برای وارد کردن فضای نام "time" اضافه کنید

برای اضافه کردن ویژگی SMIL به عناصر استاندارد HTML، باید برای Internet Explorer کلاس "time" را تعریف کنید تا بتواند این ویژگی‌ها را شناسایی کند. این کار را به این صورت انجام دهید:

  • یک عنصر <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، فقط باید به عناصر SMIL یک پیشوند و یک ویژگی class اضافه کنید:

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

در مثال‌های بالا، ما به عنصر <img> کلاس "time" اضافه کرده‌ایم و به عناصر SMIL پیشوند "time" اضافه کرده‌ایم.

توضیح:کلاس‌ها و نام‌فضاهای لازم نیست به "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