Introduction to HTML+TIME

Playing Elements in Parallel

Similar to playing group elements in sequence, 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>

Next: A Final Word