w3schools
  
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...   References Examples Forum About

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:

  • 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

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


« Previous Next Chapter »


Altova® MapForce®
Graphical XML Mapping Tool from the Developers of XMLSpy®

Altova MapForce

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!

  Altova MapForce


WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting
Top Web Hosting
Windows Hosting
WEB BUILDING
XML Editor – Free Trial!
FREE Flash Website
FREE Web Templates
FLIGHT TICKETS
Find the cheapest flight
to any destination now!
EDUCATION
US Web Design Schools
HTML Certification
JavaScript Certification
XML Certification
PHP Certification
ASP Certification
STATISTICS
Browser Statistics
Browser OS
Browser Display