小小菜鸟的web菜园子

web开发学习。好记性不如烂笔头。每天进步一点点!

导航

在FLEX中360度展示你的产品。



源文件
代码:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" 
    backgroundGradientColors
="[#FFFFFF, #FFFFFF]" creationComplete="init()" viewSourceURL="srcview/index.html"> 
<mx:Script> 
<![CDATA[ 
  
private function init():void{ 
    myFade.play(); 
    myFade2.play(); 
    myCanvas.alpha = 0; 

//Use SliderBar to show the image in 360 view 
private function onChange():void{ 
    //Use loader component to avoid flickering 
    var loader:Loader = new Loader(); 
    loader.load( new URLRequest( "aliceImage/"+ int(hs.value)+ ".jpg" ) ); 
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE , function ():void{ 
        myImage.source = loader; 
    }); 
}        
]]> 
</mx:Script> 
<mx:Sequence id="myFade"> 
    
<mx:Pause duration="1000"/> 
    
<mx:Fade target="{myCanvas}" alphaFrom="0" alphaTo="100" duration="10000"/> 
</mx:Sequence> 
<mx:Sequence id="myFade2" target="{myCanvas2}" effectEnd="{comment.visible = true;}"> 
    
<mx:Pause duration="1500"/> 
    
<mx:Parallel> 
        
<mx:Move yTo="{myCanvas2.y +10}"/> 
    
</mx:Parallel> 
</mx:Sequence> 
<mx:Canvas id="myCanvas" backgroundImage="DSC_0074.jpg" width="1002" height="721" x="0" y="0" borderColor="#FFFFFF" themeColor="#B1E1FF" alpha="0.85"> 
    
<mx:Canvas id="myCanvas2" width="328" height="344" x="644" y="10" cornerRadius="10"> 
        
<mx:Image id="myImage" x="10" y="-4" width="317" height="309" source="aliceImage/1.jpg"/>        
        
<mx:HSlider id="hs" x="10" y="313" change="onChange()" value="0" minimum="1" maximum="20" enabled="true" liveDragging="true" snapInterval="1" allowTrackClick="true" width="305"/> 
    
</mx:Canvas> 
</mx:Canvas> 
<mx:TextArea alpha="0" visible="false"  showEffect="myBlur2" id="comment" x="690" y="396" width="258" height="77" backgroundAlpha="0.1" editable="false" borderStyle="solid" borderThickness="0"> 
    
<mx:text><![CDATA[1/8 PoP Wonderland Alice in Wonderland 
Sells Day:Mar.2008 Maker:alter 
Price:60$ 15% off 
Maker Suggested Price:65$
]]></mx:text> 
</mx:TextArea> 
</mx:Application>

posted on 2008-06-03 10:23  『小小菜鸟』  阅读(1328)  评论(0编辑  收藏  举报