SMIL i HTML

Internet Explorer kan köra SMIL-presentationer i HTML-filer.

Kör SMIL-presentationer i IE

Med Internet Explorer 5.5 eller högre version kan SMIL-element infogas i HTML-filer.

På detta sätt kan alla SMIL-presentationer köras som standard HTML-filer på Internet.

Lägg till en referens

För att använda SMIL-element i HTML måste du definiera en "time"-namnrymd för Internet Explorer för att dessa element ska kunna identifieras. Gör så här:

  • Lägg till en namnrymdsdefinition till <html>-tagget
  • Lägg till ett <?import>-element för att importera "time"-namnrymden

För att lägga till SMIL-egenskaper till standard HTML-element måste du definiera klassen "time" för Internet Explorer för att dessa egenskaper ska kunna identifieras. Gör så här:

  • Lägg till ett <style>-element för att definiera klassen "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

I nästa avsnitt kan du se ett komplett körbart exempel.

Lägg till SMIL-element

För att köra SMIL-presentationer i HTML, lägg till ett prefik och en class-attribut för SMIL-elementen:

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

I de ovanstående exemplen har vi lagt till class="time" för <img>-elementen och "time"-prefikset för SMIL-elementen.

Tips:Klasser och namnrymdar behöver inte nödvändigtvis kallas "time". Vilken som helst namn kan användas.

En Internet Explorer-instans

<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