The SMIL Tutorial - Synchronization

Chapter 4. Synchronization - screen 6 of 9

The <seq> tag

The <seq> tag defines a sequence. Its children are executed one after the other.

<smil>
 <head>
  <layout>
   <root-layout width="300" height="200" 
        background-color="white" />
   <region id="vim_icon" left="75" top="50" 
        width="32" height="32" />
   <region id="soja_icon" left="150" top="50" 
        width="100" height="30" />
  </layout>
 </head>
 <body>
  <!-- the sequence starts bellow with
     the "seq" tag -->
  <seq>
   <img src="vim32x32.gif" 
        alt="The vim icon"
        region="vim_icon" dur="6s" />
   <img src="madewithsoja.gif" 
        alt="Made with SOJA"
        region="soja_icon" dur="4s" begin="1s" />
  </seq>
 </body>
</smil>

Source - See it running in SOJA

NB: setting begin="1s" makes the SOJA icon render one second after the end of the VIM icon.