SMIL シーケンス
- 前のページ SMIL タイミング
- 次のページ SMIL Parallel
<seq> - 最も常用される SMIL 要素 - シーケンスを定義します。
シーケンス要素 <seq>
<seq> 要素はシーケンスを定義できます。<seq> 要素内のサブ要素はシーケンス内で順に表示されます。
あなたは <seq> 要素を使って表示する画像リスト、段落リスト、ビデオリスト、または他の要素を定義できます。
<seq> 要素には多くの属性がありますが、最も常用される属性には:
属性 | 値 | 説明 |
---|---|---|
begin | time | 要素が表示される前にの遅延です。 |
dur | time | 表示する期間を設定します。 |
repeatCount | number | 表示する回数を設定します。 |
完全な SMIL 要素と属性リストについては、アクセスしてください CodeW3C.com SMIL リファレンスマニュアル。
画像シーケンスの表示例
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <img class="t" src="image1.jpg" dur="1s" /> <img class="t" src="image2.jpg" dur="1s" /> </t:seq> </body> </html>
テキストシーケンスの表示例
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <h2 class="t" dur="1s"> 1秒間表示します</h2> <h2 class="t" dur="2s"> 2秒間表示します</h2> <h2 class="t" dur="3s"> 3秒間表示します</h2> </t:seq> </body> </html>
- 前のページ SMIL タイミング
- 次のページ SMIL Parallel