<smil>
  <head>
    <layout>
      <root-layout width="640" height="240" background-color="yellow"/>
      <region id="reg_img1" left="5" top="15" width="150" height="210" background-color="red"/>
      <region id="reg_img2" left="165" top="15" width="150" height="210" background-color="white"/>
      <region id="reg_img3" left="325" top="15" width="150" height="210" background-color="blue"/>
      <region id="reg_img4" left="485" top="15" width="150" height="210" background-color="orange"/>
    </layout>
  </head>
  <body>
    <par dur="2.5">
      <img src="../icons/128-apps-kmplayer.png" region="reg_img1" fit="fill" fill="freeze" panZoom="0,0,35,100%"/>
      <img src="../icons/128-apps-kmplayer.png" region="reg_img2" fit="hidden" fill="freeze" panZoom="35,0,35,100%"/>
      <img src="../icons/128-apps-kmplayer.png" region="reg_img3" fit="meet" fill="freeze" panZoom="70,0,35,100%"/>
      <img src="../icons/128-apps-kmplayer.png" region="reg_img4" fit="slice" fill="freeze" panZoom="105,0,35,100%"/>
      <set targetElement="reg_img1" attributeName="width" to="75" begin="0.5s" dur="1s"/>
      <set targetElement="reg_img2" attributeName="width" to="75" begin="0.5s" dur="1s"/>
      <set targetElement="reg_img3" attributeName="width" to="75" begin="0.5s" dur="1s"/>
      <set targetElement="reg_img4" attributeName="width" to="75" begin="0.5s" dur="1s"/>
      <set targetElement="reg_img1" attributeName="height" to="75" begin="1s" dur="1s"/>
      <set targetElement="reg_img2" attributeName="height" to="75" begin="1s" dur="1s"/>
      <set targetElement="reg_img3" attributeName="height" to="75" begin="1s" dur="1s"/>
      <set targetElement="reg_img4" attributeName="height" to="75" begin="1s" dur="1s"/>
    </par>
  </body>
</smil>
