From http://www.w3schools.com (Copyright Refsnes Data)

SMIL Sequence

« Previous Next Chapter »

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 »

« Previous Next Chapter »

From http://www.w3schools.com (Copyright Refsnes Data)