SMIL в HTML

Internet Explorer может запускать представления SMIL в файлах HTML.

Запуск представлений SMIL в IE

С помощью Internet Explorer 5.5 или более поздней версии можно вставлять элементы SMIL в файлы HTML.

Таким образом, любое представление SMIL может быть выполнено в качестве стандартного файла HTML в Интернете.

Добавьте ссылку

Чтобы использовать элементы SMIL в HTML, вам нужно определить пространство имен "time" для Internet Explorer, чтобы он мог распознавать эти элементы. Делайте так:

  • Добавьте определение пространства имен к тегу <html>
  • Добавьте элемент <?import>, чтобы импортировать пространство имен "time"

Чтобы добавить атрибуты SMIL к стандартным элементам HTML, вам нужно определить класс "time" для Internet Explorer, чтобы он мог распознавать эти атрибуты. Делайте так:

  • Добавьте элемент <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, достаточно добавить префикс и атрибут class к элементам SMIL:

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

В примерах выше мы добавили класс="time" для элемента <img> и префикс "time" для элементов SMIL.

Совет:Классы и пространства имён не обязательно должны называться "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