SMIL i HTML

Internet Explorer kan køre SMIL-præsentationer i HTML-filer.

Kør SMIL-præsentationer i IE

Med Internet Explorer 5.5 eller nyere version kan SMIL-elementer indsat i HTML-filer.

På denne måde kan enhver SMIL-præsentation køres som en standard HTML-fil på internettet.

Tilføj en reference

For at bruge SMIL-elementer i HTML, skal du definere et "time"-navnerum for Internet Explorer, så det kan genkende disse elementer. Gør dette:

  • Tilføj en navnerumsdefinition til <html>-etiketten
  • Tilføj et <?import>-element for at importere "time"-navnerummet

For at tilføje SMIL-egenskaber til standard HTML-elementer, skal du definere klassen "time" for Internet Explorer, så det kan genkende disse egenskaber. Gør dette:

  • Tilføj et <style>-element, der definerer 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 det næste afsnit kan du se et fuldt fungerende eksempel.

Tilføj SMIL-elementer

For at køre SMIL-præsentationer i HTML skal du tilføje et præfiks og en class-egenskab til SMIL-elementerne:

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

I de ovennævnte eksempler har vi tilføjet class="time" til <img>-elementet og tilføjet præfikset "time" til SMIL-elementerne.

Vedligeholdelse:Klasser og navnerum behøver ikke nødvendigvis at kaldes "time". Enhver navn kan bruges.

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