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

SMIL in HTML

« Previous Next Chapter »

Internet Explorer can run SMIL presentations inside HTML files.

Running SMIL in IE

SMIL elements can be inserted into HTML files in Internet Explorer 5.5 or later.

To use SMIL elements in your HTML pages, you must add a "time" namespace to recognize the elements. To use SMIL attributes, you must define a "time" class. Here is how to do it:

Example

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>

You will see the full example in the next paragraph.

SMIL Example

To run a SMIL presentation in an HTML page, just add a prefix and a class attribute to the SMIL elements:

Example

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>

<body>
<time:seq repeatCount="indefinite">
  <img class="time" src="image1.jpg" dur="3s" />
  <img class="time" src="image2.jpg" dur="3s" />
</time:seq>
</body>
</html>

Try it yourself »

In the example above we have added class="time" to the <img> elements, and a "time" prefix to the SMIL elements

lamp The class and namespace do not have to be called "time". Any name will do.


« Previous Next Chapter »

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