<html xmlns:t ="urn:schemas-microsoft-com:time" >







<head>







<style>







	 .time    { behavior: url(#default#time2);}







</style>







<?IMPORT namespace="t" implementation="#default#time2">







<script>







function startTimer(){ setInterval(doTimer,400);}







function doTimer(){ document.all.Timer.innerText =parseInt(document.body.currTimeState.activeTime) }







</script>







</head>







<body timecontainer="seq" onbegin="startTimer()" >







<font style="color:black; font-size:16"><b>







Timer:







<span id="Timer" >0</span>







</b></font>







<br><br>







<DIV align="left" style="position:absolute; top:40; left:300;"><pre>Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Muriel Jourdan (Muriel.Jourdan@inrialpes.fr)







Version: Feb. 7, 2000, v1        







Module: SMIL Timing & Sync Module 







Feature: end attribute as event base







File Name: end_eventbase_case2.smil







Media Components: 2 JPG







Expected Behavior: First image shown at 0s, 







second image shown at 4s. 







Second image disappears with 







click on first image after 4s, 







or both images disappeared at 10s.















<t:par dur ="10s" >







<t:img style="width:100;height:100" src="../images/smile.jpg"  id ="button" />







<t:img style="width:100;height:100" src="../images/frown.jpg" id="image2" begin = "4s" end = "button.click" />







</t:par>







</pre>







</DIV>















<t:par dur ="10s" >







<t:img style="width:100;height:100" src="../images/smile.jpg"  id ="button" />







<t:img style="width:100;height:100" src="../images/frown.jpg" id="image2" begin = "4s" end = "button.click" />







</t:par>







</body>







</html>