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