Sekwencja SMIL

<seq> - najczęściej używany element SMIL - definiuje sekwencję.

Elementy sekwencji <seq>

Elementy <seq> można zdefiniować jako sekwencję.<seq> Elementy wewnętrzne są wyświetlane w kolejności w sekwencji.

Możesz użyć elementu <seq> do zdefiniowania listy obrazów, listy akapitów, listy wideo lub innych elementów do wyświetlenia.

Element <seq> ma wiele atrybutów, najczęściej używane to:

Atrybut Wartość Opis
begin time Opóźnienie przed wyświetleniem elementu.
dur time Ustaw długość wyświetlania.
repeatCount number Ustaw liczbę powtórzeń wyświetlania.

Aby uzyskać pełną listę elementów i atrybutów SMIL, odwiedź CodeW3C.com SMIL Referencja

Przykład: wyświetlanie sekwencji obrazów

<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

Przykład: wyświetlanie sekwencji tekstowej

<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">
  Wyświetlę przez jedną sekundę</h2>
  <h2 class="t" dur="2s">
  Wyświetlę przez dwie sekundy</h2>
  <h2 class="t" dur="3s">
  Wyświetlę przez trzy sekundy</h2>
</t:seq>
</body>
</html>

TIY