SMIL in HTML
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:
- Add a time namespace to the <html> tag
- Add an <?import> element to import the "time" namespace
- Add a <style> element to define the class "time"
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
The class and namespace do not have to be called "time". Any name will do.
The Creators of XMLSpy are Pleased to Announce
|