October 2, 2000 - Parallel Sequencing | WebReference

October 2, 2000 - Parallel Sequencing

Yehuda Shiran October 2, 2000
Parallel Sequencing
Tips: October 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

HTML+TIME lets you play elements of a group in parallel, with the TIMELINE="par" attribute. The official Microsoft documentation suggests that the following code will yield a parallel display of the our slides, repeating itself five times:

<HTML>
<HEAD>
<STYLE>
  .mytime {behavior: url(#default#time2);}
</STYLE>
</HEAD>
<DIV CLASS="mytime" REPEAT="5" DUR="10" TIMELINE="par"> 
    <IMG SRC="slide1.gif" CLASS="mytime" BEGIN="0" DUR="4">
    <IMG SRC="slide4.gif" CLASS="mytime" BEGIN="2" DUR="4"><BR>
    <IMG SRC="slide5.gif" CLASS="mytime" BEGIN="4" DUR="4">
    <IMG SRC="slide6.gif" CLASS="mytime" BEGIN="6" DUR="4">
</DIV>
</BODY>
</HTML>

Try it now. The repetition does not work. We deduced that you need to use the time behavior instead of time2 behavior to accomplish repetition of a parallel display of a group's elements. Try it now. Here is the code: 

<HTML>
<HEAD>
<STYLE>
  .mytime {behavior: url(#default#time);}
</STYLE>
</HEAD>
<DIV CLASS="mytime" t:REPEAT="5" t:DUR="10" t:TIMELINE="par"> 
    <IMG SRC="slide1.gif" CLASS="mytime" t:BEGIN="0" t:DUR="4">
    <IMG SRC="slide4.gif" CLASS="mytime" t:BEGIN="2" t:DUR="4"><BR>
    <IMG SRC="slide5.gif" CLASS="mytime" t:BEGIN="4" t:DUR="4">
    <IMG SRC="slide6.gif" CLASS="mytime" t:BEGIN="6" t:DUR="4">
</DIV>
</BODY>
</HTML>

Learn more about HTML+TIME in Column 67, Introduction to HTML+TIME.