SMIL HTML:ssä

Internet Explorer voi suorittaa SMIL-näytöt HTML-tiedostoissa.

Suorita SMIL-näyttö IE:ssä

Internet Explorer 5.5 tai uudempina versioina pystyy lisäämään SMIL-elementtejä HTML-tiedostoihin.

Tällä tavalla mikä tahansa SMIL-näyttö voi suoritettavan standardina HTML-tiedostona Internetissä.

Lisää viittaus

Jos haluat käyttää SMIL-elementtejä HTML:ssä, sinun täytyy määritellä "time"-nimeämisalue Internet Explorerille, jotta se voi tunnistaa nämä elementit. Tee seuraavasti:

  • Lisää nimeämisalueen määrittely <html>-elementtiin
  • Lisää <?import>-elementti tuodaksesi "time"-nimeämisalueen

Jos haluat lisätä SMIL-ominaisuuksia standardisiin HTML-elementteihin, sinun täytyy määritellä "time"-luokka Internet Explorerille, jotta se voi tunnistaa nämä ominaisuudet. Tee seuraavasti:

  • Lisää <style>-elementti, joka määrittelee "time"-luokan
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

Seuraavassa kohdassa voit nähdä täyden toiminnallisen esimerkin.

Lisää SMIL-elementti

Jos haluat suorittaa SMIL-esityksen HTML:ssä, lisää vain etuliite ja class-ominaisuus SMIL-elementille:

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

Yllä olevassa esimerkissä olemme lisänneet class="time" <img>-elementille ja "time"-etuliitteen SMIL-elementille.

Vinkki:Luokat ja nimetysalueet eivät välttämättä ole nimettävä "time". Mikä tahansa nimi voi olla.

Yksi Internet Explorer -esimerkki

<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