    <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>