Smile

SMIL Tutorial

SMIL Tutorial for

SMIL Tutorial for XHTML


The <time:seq> tag comes next in the body section.
This can be placed anywhere you would like to use SMIL in your XHTML .
Inside the <time:seq> tag other HTML tags are nested with the class time attribute.

<time:seq repeatCount="indefinite">
<img class="time" src="//www.oocities.org/seang64/swamp/pics/rfa.jpg" dur="5s" alt="" />
<img class="time" src="//www.oocities.org/seang64/swamp/pics/tfb.jpg" dur="5s" alt="" />
<img class="time" src="//www.oocities.org/seang64/swamp/pics/tfc.jpg" dur="5s" alt="" />
<img class="time" src="//www.oocities.org/seang64/swamp/pics/tfa.jpg" dur="5s" alt="" />
<img class="time" src="//www.oocities.org/seang64/swamp/pics/wfa.jpg" dur="5s" alt="" />
<img class="time" src="//www.oocities.org/seang64/swamp/pics/tfd.jpg" dur="5s" alt="" />
</time:seq>

The <time:seq> tag also has the attribute repeatCount="indefinate".
This is one of the specific attributes and values for this tag.
The HTML tags nested within this tag also have specific attributes and values associated with SMIL.
In the example above the <img> tag has the class attribute with the time value.
And the dur attribute with a numeric value noted in seconds by the "s" after the number.
The class="time" attribute value associates the tag with the style in the head section.
The dur attribute notes the length of time the <img> tag will be showing for in the browser display.
In the example above there is also an alt attribute for the image tag.
The alt attribute can be left without a value between the quotes.
Or have a description like any other <img> tag.
The alt attribute is necessary for validating the document as valid XHTML.
But is not specific to SMIL.


Next page of the tutorial.

Previous page of the tutorial.

Contents




Lunarpages.com Web Hosting