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