2.1、 按照下圖創(chuàng)建三個圖層。
其中動作腳本層就是1.2中輸入代碼的圖層。 2.2 、在舊圖片的圖層里,新建一個MC,命名為loadPic,實例名為lastPic,并讓該MC的注冊點放在主場景的左上方。然后雙擊進入該MC,在里頭再創(chuàng)建一個MC,元件名稱和實例名均為graph。
2.3 這里我們將通過復(fù)制graph載入列表中的所有圖像。名稱將按graph0,graph1的規(guī)則來命名。因此,在這里的幀先定義一個設(shè)置圖像可見性的函數(shù)。
function setImage(imgIndex){ for(var i in _parent.imgabbrs){ this["graph"+i]._visible=false }//先把所有圖片隱藏 this["graph"+imgIndex]._visible=true //把需要顯示的圖像重新顯示出來 }
然后把loadPic這一MC復(fù)制一個到新圖片所在的圖層,實例名為thisPic,并讓兩個loadPic重合。
3.1、 到顯示圖片了。先在第三幀里初始化一下thisIndex和lastIndex值,這兩個值分別控制兩個圖片容器顯示哪個圖片。 第三幀代碼:
var thisIndex:Number=0 var lastIndex:Number=-1
其實是一開始沒有舊圖片,所以lastPic里頭實際上是不顯示任何圖片的。正因為如此,這一代碼只運行一次。就把它單獨放到第三幀了。 第四幀就正式顯示圖片了。而且每一次切換都要重新調(diào)用一次:
thisPic._visible=true; lastPic._visible=true; thisPic.setImage(thisIndex); lastPic.setImage(lastIndex);// setImage剛在是loadPic里頭寫好的函數(shù),控制數(shù)組里第幾張圖片顯示
3.2 、進入圖片停止狀態(tài)。加一段比較長的時間軸。筆者加到第42幀,并在42幀里加入代碼:
lastIndex=thisIndex //讓下一次新圖片放到舊圖片的位置。 thisIndex=(thisIndex+1)%imgabbrs.length //顯示下一張圖片,%運算讓圖片顯示最后一張后,可以回到第一張
3.3、 在44幀里添加幀代碼:
gotoAndPlay(4);
一個切換周期完成。 此時,運行影片,如果圖像列表和圖片都沒有錯誤的話,圖像就會輪著顯示,但是現(xiàn)在的效果很生硬。是因為還沒有遮罩動畫做過渡。
出處:藍色理想
責任編輯:moby
上一頁 圖片輪換效果 [3] 下一頁 圖片輪換效果 [5]
◎進入論壇Flash專欄版塊參加討論
|