as3實現圖片輪播

1.滑動形式的輪播
package
{
	import caurina.transitions.Tweener;
	
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.MovieClip;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.TimerEvent;
	import flash.net.URLRequest;
	import flash.utils.Timer;

	public class CarouselFigure extends Sprite
	{
		public function CarouselFigure()
		{
			var total:Number = 4;
			var delay:Number = 1;
			var itemArr:Array = new Array();
			var stageWith:Number= 1440;
			var picId:Number = 0;
			var masker:MovieClip = new MovieClip();
			masker.graphics.beginFill(0x0000ff);
			masker.graphics.drawRect(0,0,401,301);
			addChild(masker);
			
			
			var mBanner:MovieClip = new MovieClip();
			addChild(mBanner);
			mBanner.x = masker.x;
			mBanner.y = masker.y;
			mBanner.mask = masker;
			for(var i:Number = 1;i<=total;i++)
			{	
				var picLoad:Loader = new Loader;			
				var mc:MovieClip =new MovieClip();
				picLoad.load(new URLRequest(i+".jpg"));
				mc.addChild(picLoad);
				mBanner.addChild(mc);
				itemArr.push(mc);
				if(i>1)
				{
					mc.x=401;
				}
				itemArr.push(mc);
			}
		
			var timer:Timer = new Timer(1000);
			timer.addEventListener(TimerEvent.TIMER,startLoop);
			timer.start();
			startLoop();
			function startLoop():void{
				

				Tweener.addTween(itemArr[picId],{x:0,transition: "easeOutExpo",time: delay} );
				picId++;
				if(picId>8)
				{
					picId=0;
					for(var j:Number = 7;j>=0;j--)
					{
						itemArr[j].x=401;

					}
					if(j==-1)
					{
						Tweener.addTween(itemArr[picId],{x:0,transition: "easeOutExpo",time: delay} );
					}
					
				}
				
				
				trace(picId);
			}
			
		}	
	}
}

2.改變alpha值形式

package
{
	import caurina.transitions.Tweener;
	
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.MovieClip;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.TimerEvent;
	import flash.net.URLRequest;
	import flash.utils.Timer;
	public class CarouselFigure extends Sprite
	{
		public function CarouselFigure()
		{
			var total:Number = 4;
			var delay:Number = 3;
			var itemArr:Array = new Array();
			var picId:Number = 0;
		    var masker:MovieClip = new MovieClip();
			masker.graphics.beginFill(0x0000ff);
			masker.graphics.drawRect(0,0,401,301);
		 	var mBanner:MovieClip = new MovieClip();
			addChild(mBanner);
			mBanner.x = masker.x;
			mBanner.y = masker.y;
			mBanner.mask = masker;
			for(var i:Number = 1;i<=total;i++)
			{	
				var picLoad:Loader = new Loader;			
				var mc:MovieClip =new MovieClip();
				picLoad.load(new URLRequest(i+".jpg"));
				mc.addChild(picLoad);
				mBanner.addChild(mc);
				itemArr.push(mc);
				if(i>1)
				{
					mc.alpha = 0;
				}
				
			}
			
			var timer:Timer = new Timer(2500);
			timer.addEventListener(TimerEvent.TIMER,startLoop);
			timer.start();
			startLoop();
			function startLoop():void{
				
				Tweener.addTween(itemArr[picId],{y:0,alpha:80,transition: "easeOutExpo",time: delay} );
				Tweener.addTween(itemArr[picId-1],{y:0,alpha:0,transition: "easeOutExpo",time: delay} );
				picId++;
				if(picId>4){
					picId=0;

						Tweener.addTween(itemArr[picId],{x:0,alpha:0,transition: "easeOutExpo",time: delay} );

				}
				
			}
	
		}	
	}
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章