<html  xmlns="http://www.w3.org/1999/xhtml" xmlns:t ="urn:schemas-microsoft-com:time" >
<head>
<?IMPORT namespace="t" implementation="#default#time2"?>
<title>animate Element</title>
<style>
body { background-image: url(../images/animation-add-BE-09.jpg); background-repeat:no-repeat;}
.legende {font-family:Helvetica;font-size:13;color:black;position:absolute;top:470;left:10;}
.bord {border-width:2;border-color:green;}
</style>
</head>
<body>
<div>
<img id="theTarget1" class="bord" style="position:absolute; top:60; left:76" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget1" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>
<div>
<img id="theTarget2" class="bord" style="position:absolute; top:60; left:184" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height" targetElement="theTarget2" 
from="10" to="25" begin="0s" dur="4s" fill="freeze" repeatCount="2"   additive="sum" accumulate="none" />
</div>
<div>
<img id="theTarget3" class="bord" style="position:absolute; top:60; left:296" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget3" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>				
</div>
<div>
<img id="theTarget4" class="bord" style="position:absolute; top:60; left:406" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget4" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>
<div>
<img id="theTarget5" class="bord" style="position:absolute; top:220; left:76" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget5" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
<t:animate attributeName="height"  targetElement="theTarget5" additive="replace" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>
<div>
<img id="theTarget6" class="bord" style="position:absolute; top:220; left:184" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget6" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
<t:animate attributeName="height"  targetElement="theTarget6" additive="sum" accumulate="none" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>
<div>
<img id="theTarget7" class="bord" style="position:absolute; top:220; left:296" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget7" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
<t:animate attributeName="height"  targetElement="theTarget7" additive="replace" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>
<div>
<img id="theTarget8" class="bord" style="position:absolute; top:220; left:406" src="../images/red.jpg" height="25" width="20"/>
<t:animate attributeName="height"  targetElement="theTarget8" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
<t:animate attributeName="height"  targetElement="theTarget8" additive="sum" accumulate="sum" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"/>
</div>			
<p class="legende"><t:animate targetElement="theTargetName" attributeName="height" repeatCount="2" from="10" to="25" begin="0s" dur="4s" fill="freeze"></p> 			
</body>
</html>