SMIL w HTML

Internet Explorer może uruchamiać prezentacje SMIL w plikach HTML.

Uruchamianie prezentacji SMIL w IE

Wersja 5.5 Internet Explorer lub nowsza umożliwia wstawianie elementów SMIL do plików HTML.

Dzięki temu każda prezentacja SMIL może być uruchamiana jako standardowy plik HTML w Internecie.

Dodaj odniesienie

Aby używać elementów SMIL w HTML, musisz zdefiniować przestrzeń nazw "time" dla Internet Explorer, aby mógł rozpoznawać te elementy. Postępuj w ten sposób:

  • Dodaj definicję przestrzeni nazw do etykiety <html>
  • Dodaj element <?import>, aby zaimportować przestrzeń nazw "time"

Aby dodać atrybuty SMIL do standardowych elementów HTML, musisz zdefiniować klasę "time" dla Internet Explorer, aby mógł rozpoznawać te atrybuty. Postępuj w ten sposób:

  • Dodaj element <style> definiujący klasę "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

W następnym rozdziale, możesz zobaczyć pełny przykład uruchomienia.

Dodaj element SMIL

Aby uruchomić prezentację SMIL w HTML, wystarczy dodać przedrostek oraz atrybut class do elementu SMIL:

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

W powyższych przykładach, dodaliśmy klasę "time" do elementu <img> i przedrostek "time" do elementów SMIL.

Wskazówka:Klasy i przestrzenie nazw nie muszą być nazwane "time". Jakakolwiek nazwa jest dozwolona.

Jedna instancja 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