HTML에서 SMIL

Internet Explorer는 HTML 파일에서 SMIL 프레젠테이션을 실행할 수 있습니다.

IE에서 SMIL 프레젠테이션 실행

Internet Explorer 5.5 이상 버전에서 SMIL 요소를 HTML 파일에 삽입할 수 있습니다.

이렇게 하면, 어떤 SMIL 프레젠테이션도 표준 HTML 파일로 인터넷에서 실행될 수 있습니다.

참조 추가

HTML에서 SMIL 요소를 사용하려면, 이러한 요소를 인식할 수 있도록 Internet Explorer에 "time" 이름 공간을 정의해야 합니다. 다음과 같이 하세요:

  • <html> 태그에 이름 공간 정의 추가
  • "time" 이름 공간을 가져오기 위해 <?import> 요소 추가

표준 HTML 요소에 SMIL 속성을 추가하려면, 이러한 속성을 인식할 수 있도록 Internet Explorer에 "time" 클래스를 정의해야 합니다. 다음과 같이 하세요:

  • "time" 클래스를 정의하는 <style> 요소 추가
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

다음 단계에서 완전한 실행 예제를 볼 수 있습니다.

SMIL 요소 추가

HTML에서 SMIL 표현을 실행하려면, SMIL 요소에 접두어와 class 속성을 추가하면 됩니다:

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

위의 예제에서 <img> 요소에 class="time"를 추가하고 SMIL 요소에 "time" 접두어를 추가했습니다.

안내:클래스와 이름 공간은 "time"라는 이름을 사용할 필요는 없습니다. 어떤 이름이든 됩니다.

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