SMIL em HTML

O Internet Explorer pode executar apresentações SMIL em arquivos HTML.

Executar apresentações SMIL no IE

A partir do Internet Explorer 5.5 ou versões mais recentes, é possível inserir elementos SMIL em arquivos HTML.

Dessa forma, qualquer apresentação SMIL pode ser executada como um arquivo HTML padrão na Internet.

Adicionar referência

Para usar elementos SMIL no HTML, você deve definir um espaço de nomes "time" para o Internet Explorer, para que ele possa reconhecer esses elementos. Faça assim:

  • Adicionar uma definição de espaço de nomes para a tag <html>
  • Adicionar um elemento <?import> para importar o espaço de nomes "time"

Para adicionar atributos SMIL a elementos HTML padrão, você deve definir a classe "time" para o Internet Explorer, para que ele possa reconhecer esses atributos. Faça assim:

  • Adicionar um elemento <style> que define a classe "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

No próximo parágrafo, você pode ver um exemplo completo de execução.

Adicionar Elemento SMIL

Para executar a apresentação SMIL em HTML, basta adicionar um prefixo e uma propriedade class ao elemento SMIL:

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

No exemplo acima, adicionamos a classe "time" ao elemento <img> e o prefixo "time" ao elemento SMIL.

Dica:Classe e espaço de nomes não precisam necessariamente ser chamados "time". Qualquer nome pode ser usado.

Um exemplo do Internet Explorer

<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>

TIY