SMIL Sequence
seq - the most common SMIL element - defines a sequence.
The Sequence Element
The seq element defines a sequence. The children elements of the seq element are displayed in a sequence, one after each other.
Use the <seq> tag to define a list of images to be displayed, a list of paragraphs, a list or videos, or any other elements.
The seq element can have a number of attributes. The most common attributes are:
| Attribute |
Value |
Description |
| begin |
time |
Sets the delay before the element is displayed |
| dur |
time |
Sets the duration for the display |
| repeatCount |
number |
Sets the number of repetitions for the display |
For a full list of SMIL elements and attributes:
W3Schools SMIL Reference.
Displaying a Sequence of Images
Example
<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> |
Try it yourself »
|
Displaying a Sequence of Text
Example
<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">I will display for one second</h2>
<h2 class="t" dur="2s">I will display for two seconds</h2>
<h2 class="t" dur="3s">I will display for three seconds</h2>
</t:seq>
</body>
</html> |
Try it yourself »
|

Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
New features in Version 2010!
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
|