openLaszlo仿Cooqy的照片视图效果

<canvas width="800" height="600">
    <dataset name="ds_photo" src="/photo.xml"/>
  <script>
  rnd.today=new Date();
  rnd.seed=rnd.today.getTime();

  function rnd() {
  rnd.seed = (rnd.seed*9301+49297) % 233280;
  return rnd.seed/(233280.0);
  };

  function rand(number) {
  return Math.ceil(rnd()*number) &gt;=50?rand(number):Math.ceil(rnd()*number);
  
  };

  </script>
<alert name="myalert">
    a
  </alert>

  <view x="140" name="main">
        <view name="imagelist" datapath="ds_photo:/items/item/@url" 
    width="135" height="135" stretches="both" x="0" y="10" onclick="showThis(this)" onmouseover="rotate()" onmouseout="rotateback()">
    <attribute name="rotationratio"/>
        <method name="applyData" args="imageId">
            var image = "" + imageId;
            this.setSource(image);
        </method>
    <method name="rotate">
      this.rotationratio = this.rot.to;
      //Debug.write(this.rotationratio);
      this.animate('rotation','0','500');
    </method>
    <method name="rotateback">
      this.animate('rotation',this.rotationratio,'500');
    </method>
    <method name="showThis" args="that">
        canvas.showDetail.setVisible(true);
    </method>
    <animator name="rot" attribute="rotation"  to="${rand(50)}" duration="100" relative="false" />

    </view>
    <simplelayout axis="x" spacing="100"/>
    </view>
    <window name="showDetail" width="400" height="300" oninit="${this.setVisible(false)}">
        
    </window>
</canvas>