SMIL Sequence

<seq> - наиболее часто используемый элемент SMIL - определение последовательности.

Элемент последовательности <seq>

Элементы, содержащиеся в элементе <seq>, отображаются по порядку в последовательности.

Вы можете использовать элемент <seq> для определения списка изображений, списков абзацев, списков видео или любого другого элемента, которые нужно отобразить.

Элемент <seq> имеет множество свойств, наиболее часто используемые из которых:

Свойства Значение Описание
begin time Задержка до отображения элемента.
dur time Установите продолжительность отображения.
repeatCount number Установите количество повторений отображения.

Для полного списка элементов и свойств SMIL обратитесь на CodeW3C.com SMIL справочник。

Пример: отображение последовательности изображений

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="t" implementation="#default#time2">
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:seq repeatCount="indefinite">
  <img class="t" src="image1.jpg" dur="1s" />
  <img class="t" src="image2.jpg" dur="1s" />
</t:seq>
</body>
</html>

TIY

Пример: отображение текстовой последовательности

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="t" implementation="#default#time2">
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:seq repeatCount="indefinite">
  <h2 class="t" dur="1s">
  Я покажу в течение одной секунды</h2>
  <h2 class="t" dur="2s">
  Я покажу в течение двух секунд</h2>
  <h2 class="t" dur="3s">
  Я покажу в течение трех секунд</h2>
</t:seq>
</body>
</html>

TIY