<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-targElt-BE-03.jpg); background-repeat:no-repeat;}
.legende {font-family:Helvetica;font-size:13;color:black;position:absolute;top:470;left:10;}
</style>
</head>
<body>
<div>
<img id="theTarget1"  class="bord" style="position:absolute; top:99; left:100" src="../images/red.jpg" height="200" width="100"/>
<t:animate  targetElement="theTarget1" attributeName="height" attributeType="HTML" from="200" to="50" begin="3s" dur="3s" fill="freeze"/>
</div>
<div>
<img id="theTarget2"  class="bord" style="position:absolute; top:99; left:325" src="../images/red.jpg" height="200" width="100"/>
<t:animate  targetElement="theTarget2" attributeName="height" attributeType="HTML"  from="200" to="50" begin="6s" dur="3s" fill="freeze"/>
</div>
<p class="legende"><t:animate  targetElement="theTargetName" attributeName="height"  attributeType="HTML" from="200" to="50"  fill="freeze"></p> 			
</body>
</html>