SMIL in Parallel
Objects inside a par element will be played at the same time (in parallel).
The Parallel Element
The par element can have a number of attributes. The most common attributes are:
| Attribute |
Value |
Description |
| begin |
time |
Sets the delay before the element is displayed |
| dur |
time |
Sets the duration for the display |
| endsync |
"first"|"last"|id(clip) |
Synchronizes the stopping of elements |
| repeatCount |
number |
Sets the number of repetitions for the display |
For a full list of SMIL elements and attributes:
W3Schools SMIL Reference.
Synchronization
A parallel group of clips can be stopped at the same time using the endsync attribute in the <par> tag.
endsync="first" stops all the clips in the <par> group when the shortest
clip are finished regardless of any time parameters set for the other clips.
endsync="last" concludes the <par> group when all clips have finished playing. This is the default.
endsync="id(ID)" concludes the <par> group when the clip with the identified (ID) clip are finished.
The ID is referring to the value of the clips id attribute.
Displaying Objects in Parallel
Example
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<par>
<t:audio
src="liar.wav" repeatCount="indefinite"
type="wav" />
<t:seq repeatCount="indefinite">
<h2 class="t" dur="1s">I will display for one second</h2>
<h2 class="t" dur="2s">I will display for two seconds</h2>
</t:seq>
</par>
</body>
</html> |
Try it yourself »
|
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
| 
