Sequenza SMIL

<seq> - Elemento SMIL più utilizzato - definisce la sequenza.

Elemento sequenziale <seq>

L'elemento <seq> definisce una sequenza. Gli elementi figli dell'elemento <seq> vengono visualizzati in sequenza.

Puoi usare l'elemento <seq> per definire l'elenco delle immagini da visualizzare, l'elenco dei paragrafi, l'elenco dei video, o qualsiasi altro elemento.

L'elemento <seq> ha molte proprietà, le più comuni sono:

Proprietà Valore Descrizione
begin time Ritardo prima della visualizzazione dell'elemento.
dur time Impostare la durata di visualizzazione.
repeatCount number Impostare il numero di ripetizioni di visualizzazione.

Per una lista completa degli elementi e delle proprietà SMIL, visitare Manuale di riferimento SMIL di CodeW3C.com。

Esempio: Visualizzazione di una sequenza di immagini

<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

Esempio: Visualizzazione di una sequenza di testi

<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">
  Verrà visualizzato per un secondo</h2>
  <h2 class="t" dur="2s">
  Verrà visualizzato per due secondi</h2>
  <h2 class="t" dur="3s">
  Verrà visualizzato per tre secondi</h2>
</t:seq>
</body>
</html>

TIY