图片旋转移动的效果

最新推荐文章于 2019-04-01 16:36:19 发布

禛陌

最新推荐文章于 2019-04-01 16:36:19 发布

阅读量475

点赞数

文章标签： parallel image function class im application

本文链接：https://blog.csdn.net/xuxiannian/article/details/6659541

版权

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:filters="org.gonta.filters.*"
creationComplete="init();inverted();inverted2();getDesc();" height="317" width="529"
>

<fx:Script>
<![CDATA[
//import flash.external.ExternalInterface;

import mx.collections.ArrayCollection;
import mx.containers.VBox;
import mx.controls.Alert;
import mx.events.EffectEvent;

import org.gonta.filters.WetFloorFilter;

import test.Model;

private var t:Timer = new Timer(10);
[Embed(source="img/loading.png")]
private var _loading:Class;

[Bindable]private var LclickCount:Number = 0;
[Bindable]private var RclickCount:Number = 0;

[Bindable]private var clickToLeftNumber:Number = 0;
[Bindable]private var clickToRightNumber:Number=0;
[Bindable]private var durationValue:Number = 300;
private var frontArray:ArrayCollection = new ArrayCollection();
private var backArray:ArrayCollection = new ArrayCollection();
[Embed(source="img/right.png")]
private var _right:Class;
[Embed(source="img/left.png")]
private var _left:Class;
[Embed(source="img/在线投注.jpg")]
private var _bet:Class;
[Embed(source="img/免费试玩.jpg")]
private var _play:Class;
[Embed(source="img/底图.jpg")]
private var _backgrand:Class;
[Embed(source="img/change_left.png")]
private var _bkleft:Class;
[Embed(source="img/change_right.png")]
private var _bkright:Class;

//t0.png;t2.png;t3.png;t4.png;t7.jpg;
[Embed(source="img/1.jpg")]
private var _t0:Class;
[Embed(source="img/2.jpg")]
private var _t2:Class;
[Embed(source="img/3.jpg")]
private var _t3:Class;
[Embed(source="img/4.jpg")]
private var _t4:Class;
[Embed(source="img/5.jpg")]
private var _t7:Class;

private function bet():void{
var pict:Image=frontPanel.getElementAt(1) as Image;
var str:String=pict.source.toString()
var arry:Array=str.split("=");
var gCode:int=arry[1];
ExternalInterface.call("betting",gCode,1);
}
private function getDesc():void{
var pict:Image=frontPanel.getElementAt(1) as Image;
if(pict.id=="test1"){
desc.text="　当你最困难的时候就是离成功不远的时候，如果你遇到困难就后退，那就算成功已到彼岸，它也会与你无缘。";
}
else if(pict.id=="test2"){
desc.text="　不管从什么时候开始，重要的是开始以后不要停止;不管在什么时候结束，重要的是结束以后不要后悔。";
}
else if(pict.id=="test3"){
desc.text="勇敢地追寻自己的幸福，是向日葵的花语";
}
else if(pict.id=="test4"){
desc.text="爱一个人就是在拔通电话时，忽然不知道说什么好，原来只是想听听那熟悉的声音，原来真正想拔通的只是自已心底的一根弦。";
}
else if(pict.id=="test5"){
desc.text="人是可以快乐地生活的，只是我们自己选择了复杂，选择了叹息!";
}
else{
desc.text="勇敢地追寻自己的幸福，是向日葵的花语"
}
}
private function play():void{
var pict:Image=frontPanel.getElementAt(1) as Image;
var str:String=pict.source.toString()
var arry:Array=str.split("=");
var gCode:int=arry[1];
//ExternalInterface.call("betting",gCode,0);
}

private function init():void{

var p:PerspectiveProjection = new PerspectiveProjection();
p.projectionCenter = new Point(int(frontPanel.width/2),int(frontPanel.height/2)); //视角点，狠重要，也就是说你眼睛的点。
frontArray.addItem(test1);
frontArray.addItem(test2);
frontArray.addItem(test3);
backArray.addItem(test4);
backArray.addItem(test5);

test1.transform.perspectiveProjection = p;
test2.transform.perspectiveProjection = p;
test3.transform.perspectiveProjection = p;
test4.transform.perspectiveProjection=p;
test5.transform.perspectiveProjection=p;
initMove.play();

toRightMove.addEventListener(EffectEvent.EFFECT_END,function():void{
//inverted();
inverted2();

desc.visible=true;

});
RtoLeftMove.addEventListener(EffectEvent.EFFECT_END,function():void{
//inverted();
inverted2();
desc.visible=true;
});

toRightFastMove.addEventListener(EffectEvent.EFFECT_END,function():void{
//inverted();
inverted2();
});
RtoLeftFastMove.addEventListener(EffectEvent.EFFECT_END,function():void{
//inverted();
inverted2();
});
t.addEventListener(TimerEvent.TIMER,function():void{

if(clickToLeftNumber>0){

if(!isPalying()){
if(clickToLeftNumber==1){
runToLeft();
}else if(clickToLeftNumber==2){
durationValue = 700;
runFastToLeft();
}else if(clickToLeftNumber==3){
durationValue = 500;
runFastToLeft();
}else if(clickToLeftNumber==4){
durationValue = 300;
runFastToLeft();
}else{
durationValue = 200;
runFastToLeft();
}
clickToLeftNumber--;
}
}
//以下为反向转的判断
else{

if(clickToRightNumber>0){
if(!isPalying()){
if(clickToRightNumber==1){
runToRight();
}else if(clickToRightNumber==2){
durationValue = 700;
runFastToRight();
}else if(clickToRightNumber==3){
durationValue = 500;
runFastToRight();
}else if(clickToRightNumber==4){
durationValue = 300;
runFastToRight();
}else{
durationValue = 200;
runFastToRight();
}
clickToRightNumber--;
}
}
}}
);
t.start();

trace("初始化时左边图片的X值为："+frontPanel.getElementAt(0).x);
trace("初始化时中间图片的X值为："+frontPanel.getElementAt(1).x);
trace("初始化时右面图片的X值为："+frontPanel.getElementAt(2).x);
trace("************");
}

//调节图片倒影
private function inverted():void{
var im1:Image=frontPanel.getElementAt(0) as Image;
var fil1:WetFloorFilter=new WetFloorFilter();
fil1.y=im1.height;
fil1.height=int(im1.height/3);

im1.filters=new Array(fil1);
// trace("*******第0个元素的图片******"+im1+"\ty:"+fil1.y+"\theigth:"+fil1.height);

var im3:Image=frontPanel.getElementAt(2) as Image;
var fil3:WetFloorFilter=new WetFloorFilter();
fil3.y=im3.height;
fil3.height=int(im3.height/3);
im3.filters=new Array(fil3);
//trace("*******第2个元素的图片******"+im3+"\ty:"+fil3.y+"\theigth:"+fil3.height);

for(var i:int=0;i<backPanel.getChildren().length;i++){
var ima:Image = backPanel.getChildAt(i) as Image;
var filvar:WetFloorFilter=new WetFloorFilter();
filvar.alpha=0.4;
filvar.height=50;
filvar.y=70;
ima.filters=new Array(filvar);
}
}

private function inverted2():void{
var im2:Image=frontPanel.getElementAt(1) as Image;
var fil2:WetFloorFilter=new WetFloorFilter();
//fil2.y=im2.height*1.5;
//fil2.height=int(im2.height/3);
fil2.y=im2.height*1.5;
fil2.height=int(im2.height/3);
im2.filters=new Array(fil2);
//trace("*******第1个元素的图片******"+im2+"\ty:"+fil2.y+"\theigth:"+fil2.height);
}

private function click():void{
desc.visible=false;

clickToLeftNumber++;
LclickCount++;
//RclickCount=0;
//middlestep.xBy=-172.5;

}
//向右转
private function click1():void{
desc.visible=false;

RclickCount++;
clickToRightNumber++;
//LclickCount=0;
//Rmiddlestep.xBy=180;
}
private function runToLeft():void{
if(LclickCount==2){
leftstep.xBy=-190;
}else{
leftstep.xBy=-180;
}
//else if(LclickCount==2){
// middlestep.xBy=-160;
//}
//else{
// middlestep.xBy=-172.5;
//}
trace(middlestep.xBy);
var backIndex:int = backArray.length-1;
backArray.removeItemAt(backIndex);

var backObj:Image = backPanel.getElementAt(backIndex) as Image;
backObj.width = 150;
backObj.height = 100;
backObj.x = 377;
backObj.y = 50;

//trace(backObj);
backPanel.removeElement(backObj);

resetMove.play(new Array(frontPanel.getElementAt(0)));
//trace(frontPanel.getElementAt(0));
var frontObj:Image = frontPanel.getElementAt(0) as Image;
//trace(frontObj);
frontPanel.removeElement(frontObj);
frontArray.removeItemAt(0);
//trace(frontPanel.getElementAt(0));

frontPanel.addElementAt(backObj,2);
frontArray.addItemAt(backObj,2);
toLeftMove.play(new Array(frontPanel.getElementAt(0)));
toMiddleMove.play(new Array(frontPanel.getElementAt(1)));
toRightMove.play(new Array(frontPanel.getElementAt(2)));
this.inverted();

//backPanel.get
//trace(backArray.length);
var backArr:Array = new Array();
for(var i:int=0;i<backArray.length;i++){
//backArray.getItemAt(i).width = 100;
backArr.push(backArray.getItemAt(i))
}
backMove.play(backArr);

frontObj.y=80;
frontObj.x=64.5;
frontObj.width = 100;
backPanel.addElementAt(frontObj,0);
backArray.addItemAt(frontObj,0);

//trace("右移时左面图片的X值："+frontPanel.getElementAt(0).x+"\tstep:"+leftstep.xBy+"\t"+leftstep.xFrom+"\t"+leftstep.xTo);
trace("右移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep.xBy);
trace("右移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep.xBy);
trace("************************************************");
this.getDesc();
}

private function runFastToLeft():void{

var backIndex:int = backArray.length-1;
backArray.removeItemAt(backIndex);

var backObj:Image = backPanel.getElementAt(backIndex) as Image;
backObj.width = 150;
backObj.x = 377;
backObj.y = 50;
backPanel.removeElement(backObj);
resetFastMove.play(new Array(frontPanel.getElementAt(0)));
var frontObj:Image = frontPanel.getElementAt(0) as Image;
frontPanel.removeElement(frontObj);
frontArray.removeItemAt(0);

toLeftFastMove.play(new Array(frontPanel.getElementAt(0)));
toMiddleFastMove.play(new Array(frontPanel.getElementAt(1)));
frontPanel.addElementAt(backObj,2);
frontArray.addItemAt(backObj,2);
toRightFastMove.play(new Array(backObj));
this.inverted();
this.getDesc();
var backArr:Array = new Array();
for(var i:int=0;i<backArray.length;i++){
backArr.push(backArray.getItemAt(i))
}
backFastMove.play(backArr);

frontObj.y=80;
frontObj.x=64.5;
frontObj.width = 100;
backPanel.addElementAt(frontObj,0);
backArray.addItemAt(frontObj,0);

}
//向后转用的
private function runToRight():void{

if(RclickCount==1){
Rmiddlestep.xBy=190;

}else{
Rmiddlestep.xBy=180
}
trace(Rmiddlestep.xBy);
var backIndex:int = 0;
backArray.removeItemAt(backIndex);

var backObj:Image = backPanel.getElementAt(backIndex) as Image;
backObj.width = 150;
backObj.height = 100;
backObj.x = 10;
backObj.y = 50;

backPanel.removeElement(backObj);
//restMove是向后移走的
RresetMove.play(new Array(frontPanel.getElementAt(2)));
var frontObj:Image = frontPanel.getElementAt(2) as Image;
frontPanel.removeElement(frontObj);
frontArray.removeItemAt(2);
RtoRightMove.play(new Array(frontPanel.getElementAt(1)));
RtoMiddleMove.play(new Array(frontPanel.getElementAt(0)));
frontPanel.addElementAt(backObj,0);
frontArray.addItemAt(backObj,0);
RtoLeftMove.play(new Array(frontPanel.getElementAt(0)));
this.inverted();
this.getDesc();
var backArr:Array= new Array();
for(var i:int=0;i<backArray.length;i++){
backArr.push(backArray.getItemAt(i))
}
RbackMove.play(backArr);
frontObj.y=80;
frontObj.x=364.5;
frontObj.width = 100;
backPanel.addElementAt(frontObj,backArray.length);
backArray.addItemAt(frontObj,backArray.length);
trace("左移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep.xBy);
trace("左移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep);
trace("************************************************")
}

private function runFastToRight():void{

var backIndex:int = 0;
backArray.removeItemAt(backIndex);

var backObj:Image = backPanel.getElementAt(backIndex) as Image;
backObj.width = 150;
backObj.x = 10;
backObj.y = 50;

backPanel.removeElement(backObj);

RresetFastMove.play(new Array(frontPanel.getElementAt(2)));
var frontObj:Image = frontPanel.getElementAt(2) as Image;
frontPanel.removeElement(frontObj);
frontArray.removeItemAt(2);

RtoRightFastMove.play(new Array(frontPanel.getElementAt(1)));
RtoMiddleFastMove.play(new Array(frontPanel.getElementAt(0)));
frontPanel.addElementAt(backObj,0);
frontArray.addItemAt(backObj,0);
RtoLeftFastMove.play(new Array(frontPanel.getElementAt(0)));
this.inverted();
this.getDesc();
var backArr:Array= new Array();
for(var i:int=0;i<backArray.length;i++){
backArr.push(backArray.getItemAt(i))
}
RbackFastMove.play(backArr);

frontObj.y=80;
frontObj.x=364.5;
frontObj.width = 100;
backPanel.addElementAt(frontObj,backArray.length);
backArray.addItemAt(frontObj,backArray.length);
//trace("左移时左面图片的X值："+frontPanel.getElementAt(0).x+"\tstep:"+leftstep);
trace("快速左移时中间图片的X值："+frontPanel.getElementAt(1).x+"\tstep:"+middlestep);
trace("快速左移时右面图片的X值："+frontPanel.getElementAt(2).x+"\tstep:"+rightstep);
trace("**************************************");

}

private function isPalying():Boolean{
if(initMove.isPlaying||resetMove.isPlaying||toLeftMove.isPlaying||toMiddleMove.isPlaying||toRightMove.isPlaying||backMove.isPlaying||
resetFastMove.isPlaying||toLeftFastMove.isPlaying||toMiddleFastMove.isPlaying||toRightFastMove.isPlaying||backFastMove.isPlaying||
RtoLeftMove.isPlaying||RtoMiddleMove.isPlaying||RtoRightMove.isPlaying||RtoLeftFastMove.isPlaying||RtoMiddleFastMove.isPlaying||
RtoRightFastMove.isPlaying
){
return true;
}else{
return false;
}
}
]]>
</fx:Script>
<fx:Declarations>


<mx:Parallel id="initMove" >
<s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" target="{test1}" />
<s:Rotate3D angleYTo="45" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="150" target="{test3}"/>
<mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="0" target="{test2}"/>
</mx:Parallel>

<mx:Parallel id="resetMove" >
<s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<s:Rotate3D angleYFrom="-45" angleYTo="55" duration="1000" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<s:Rotate3D angleYTo="0" startDelay="1000" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
</mx:Parallel>

<mx:Parallel id="toLeftMove" >
<s:Rotate3D angleYFrom="0" angleYTo="-55" duration="500" autoCenterTransform="true" autoCenterProjection="true" />
<s:Rotate3D angleYFrom="-55" angleYTo="-45" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" />

<s:Move id="leftstep" xBy="-180" duration="1000" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
</mx:Parallel>

<mx:Parallel id="toMiddleMove" >
<s:Rotate3D angleYFrom="0" angleYTo="-70" duration="500" autoCenterTransform="true" autoCenterProjection="true" />
<s:Rotate3D angleYFrom="-70" angleYTo="0" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" />

<s:Move id="middlestep" xBy="-172.5" duration="1000" />
<mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="1000" />
</mx:Parallel>

<mx:Parallel id="toRightMove">
<s:Rotate3D angleYTo="-55" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="150" />
<s:Rotate3D angleYFrom="-55" angleYTo="45" duration="1000" autoCenterTransform="false" autoCenterProjection="true" transformX="150" />

<s:Move id="rightstep" xBy="-1" duration="1000" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
</mx:Parallel>
<s:Move id="backMove" xBy="300" duration="1000" />


<mx:Parallel id="RresetMove" >
<s:Rotate3D angleYTo="-45" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<s:Rotate3D angleYFrom="-45" angleYTo="55" duration="1000" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<s:Rotate3D angleYTo="0" startDelay="1000" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
</mx:Parallel>
<mx:Parallel id="RtoLeftMove" >
<s:Rotate3D angleYTo="-65" duration="0" autoCenterTransform="true" autoCenterProjection="true" transformX="0"/>
<s:Rotate3D angleYFrom="-65" angleYTo="-45" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" transformX="0"/>
<s:Move id="Rleftstep" xBy="5" duration="1000" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
</mx:Parallel>

<mx:Parallel id="RtoMiddleMove" >
<s:Rotate3D angleYFrom="-45" angleYTo="50" duration="500" autoCenterTransform="true" autoCenterProjection="true" />
<s:Rotate3D angleYFrom="50" angleYTo="0" startDelay="500" duration="500" autoCenterTransform="true" autoCenterProjection="true" />

<s:Move id="Rmiddlestep" xBy="180" duration="1000" />
<mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="1000" />
</mx:Parallel>

<mx:Parallel id="RtoRightMove" >
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="1000" />
<s:Rotate3D angleYFrom="0" angleYTo="35" duration="500" autoCenterTransform="false" autoCenterProjection="true" transformX="100" />
<s:Rotate3D angleYFrom="35" angleYTo="45" duration="1000" autoCenterTransform="false" autoCenterProjection="true" transformX="100" />

<s:Move id="Rrightstep" xBy="160.2" yBy="25" duration="1000" />
</mx:Parallel>
<s:Move id="RbackMove" xBy="-300" duration="1000" />


<mx:Parallel id="RresetFastMove" >
<s:Rotate3D angleYTo="0" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
</mx:Parallel>

<mx:Parallel id="RtoLeftFastMove" >
<s:Rotate3D angleYTo="20" duration="{durationValue}" autoCenterTransform="true" autoCenterProjection="true" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" />
</mx:Parallel>

<mx:Parallel id="RtoMiddleFastMove" >
<s:Rotate3D angleYFrom="0" angleYTo="30" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" />
<s:Rotate3D angleYFrom="30" angleYTo="0" startDelay="{durationValue/2}" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" />
<s:Move id="RFmiddlestep" xBy="182.5" duration="{durationValue}"/>
<mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="{durationValue}" />
</mx:Parallel>

<mx:Parallel id="RtoRightFastMove" >
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" />
<s:Rotate3D angleYTo="-30" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="184" />
<s:Rotate3D angleYFrom="-30" angleYTo="45" duration="{durationValue}" autoCenterTransform="false" autoCenterProjection="true" transformX="184" />

<s:Move id="RFrightstep" xBy="168" yBy="27" duration="{durationValue}" />

</mx:Parallel>
<s:Move id="RbackFastMove" xBy="-290" duration="{durationValue}" />



<mx:Parallel id="resetFastMove" >
<s:Rotate3D angleYTo="0" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="0" />
</mx:Parallel>

<mx:Parallel id="toLeftFastMove" >
<s:Rotate3D angleYTo="20" duration="{durationValue}" autoCenterTransform="true" autoCenterProjection="true" />
<s:Move xBy="-197" duration="{durationValue}" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" />
</mx:Parallel>

<mx:Parallel id="toMiddleFastMove" >
<s:Rotate3D angleYFrom="0" angleYTo="-30" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" />
<s:Rotate3D angleYFrom="-30" angleYTo="0" startDelay="{durationValue/2}" duration="{durationValue/2}" autoCenterTransform="true" autoCenterProjection="true" />
<s:Move xBy="-180" duration="{durationValue}" />
<mx:Zoom zoomHeightTo="1.5" zoomWidthTo="1.5" duration="{durationValue}" />
</mx:Parallel>

<mx:Parallel id="toRightFastMove" >
<s:Rotate3D angleYTo="-55" duration="0" autoCenterTransform="false" autoCenterProjection="true" transformX="184" />
<s:Rotate3D angleYFrom="-55" angleYTo="-15" duration="{durationValue}" autoCenterTransform="false" autoCenterProjection="true" transformX="184" />
<mx:Zoom zoomHeightTo="1" zoomWidthTo="1" duration="{durationValue}" />
</mx:Parallel>
<s:Move id="backFastMove" xBy="300" duration="{durationValue}" />

</fx:Declarations>

<s:BorderContainer backgroundImage="{_backgrand}"
backgroundImageFillMode="scale"
width="100%"
borderVisible="false" >

<mx:Canvas id="backPanel" width="100%" height="100%" alpha="0.6" horizontalCenter="0" verticalCenter="0" visible="true" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Image id="test4" x="64.5" y="70" width="150" height="100" source="{_t0}">
<mx:filters>
<filters:WetFloorFilter alpha="0.4" height="50" y="50">
</filters:WetFloorFilter>
</mx:filters>
</mx:Image>
<mx:Image id="test5" x="364.5" y="70" width="150" height="100" source="{_t2}">
<mx:filters>
<filters:WetFloorFilter alpha="0.4" height="50" y="50">
</filters:WetFloorFilter>
</mx:filters>
</mx:Image>
</mx:Canvas>
<mx:Canvas id="frontPanel" backgroundAlpha="0.0"
visible="true" height="317" width="529" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="-4" y="3">
<mx:Image id="test1" x="10" y="50" width="150" height="100" source="{_t3}">
</mx:Image>
<mx:Image id="test2" x="202" y="50" width="150" height="100" source="{_t4}">
</mx:Image>
<mx:Image id="test3" x="385" y="50" width="150" height="100" source="{_t7}">
</mx:Image>
</mx:Canvas>

</s:BorderContainer>
<s:Label id="desc" x="150" y="182" width="232" height="77" color="#7E7C7C" fontWeight="bold" fontSize="13" fontFamily="Arial" visible="false"/>

<mx:Image source="{_bkright}" top="0" bottom="0" right="5" width="75"/>
<mx:Image width="81" source="{_bkleft}" top="0" bottom="0" left="2"/>

<mx:Image x="468" y="90" source="{_right}" click="click1()" buttonMode="true" mouseChildren="true" useHandCursor="true"/>
<mx:Image x="10" y="90" source="{_left}" click="click()" buttonMode="true" mouseChildren="true" useHandCursor="true"/>

<mx:VRule x="524" y="0" height="317"/>

</s:Application>