|
Flash全站的技術(shù)應(yīng)用系列：
（一）AS+JS的Flash網(wǎng)站無刷新定位技術(shù)
（二）Flash網(wǎng)站的SEO
（三）Flash網(wǎng)站的流量統(tǒng)計(jì)
（四）讓Flash網(wǎng)站具有IE前進(jìn)后退的功能
（五）圖片輪換效果 (本文)
前言
從該篇文章開始，筆者將給大家介紹Flash全站中多媒體方面的應(yīng)用。估計(jì)能引起大家興趣。就該篇文章來說，我就看到有不下20人問過怎么做了。
效果預(yù)覽：
http://hbro.cincn.com/cindex.htm#sub0=1
這里的圖片輪換效果跟新浪的那種不太一樣，因?yàn)檎麄�(gè)代碼都是筆者自己寫的，而且后來下了源碼，發(fā)現(xiàn)里頭的做法跟筆者的也不盡相同，它那里基本上是用setInterval控制的。轉(zhuǎn)換的特效很多是用純AS寫出來。而筆者做的那個(gè)，基本上是時(shí)間軸控制，特效也不是純AS的。從程序規(guī)范和運(yùn)行效率來說，新浪那個(gè)更接近規(guī)范的程序語言，運(yùn)行效率更高。從制作的方便性和直觀性來說，筆者那個(gè)制作起來更為方便，更為直觀，對于不是程序員出身的Flasher來說，筆者這一個(gè)更好理解。
考慮到AS也趨向于規(guī)范性，筆者前段時(shí)間也用純AS2.0類把這個(gè)輪換效果寫成了組件。但是因?yàn)楣P者多類的編程思想還不很了解，導(dǎo)致貽笑大方，故本篇文章就先介紹筆者這個(gè)時(shí)間軸版輪換效果的制作過程。
整個(gè)程序的流程：
1、 該程序的圖像列表是讀XML的。故第一步先讀取并分析XML，把相關(guān)的信息存于數(shù)組里頭。該分析是時(shí)間軸的第一部分。
2、 分析到XML以后，根據(jù)圖像源，把所有圖片先載入到swf，因?yàn)樵趫D片切換的過程中，不允許有圖像消失的現(xiàn)象或者延遲現(xiàn)象出現(xiàn)。圖片是通過用遮罩效果把新的一張覆蓋掉舊的一張來
實(shí)現(xiàn)切換的，因此需要有三個(gè)圖層：一個(gè)放舊圖片，一個(gè)放新圖片，其中新圖片被遮罩。為了不讓切換時(shí)，圖像有不可見的現(xiàn)象或者出現(xiàn)延遲，加載時(shí)，放舊圖片和放新圖片的MC里頭都要先載入所有圖像。然后通過設(shè)置可見性來顯示相應(yīng)的圖像。
這是時(shí)間軸的第二部分。
3、 然后，將有比較長一段時(shí)間軸，這個(gè)其實(shí)就是圖片輪換的延遲時(shí)間。
4、 此時(shí)，就要進(jìn)入下一輪的切換了。這里，可以通過attachMovie或者duplicateMovieClip放入一個(gè)載入所有圖的MC，但可惜的是，這么做需要重新loadMovie，故不可取�；蛘咄ㄟ^交換深度來實(shí)現(xiàn)，不過每次交換深度也很麻煩，因?yàn)橐匦略O(shè)置遮罩。在這里，筆者將利用人眼睛的錯覺來方便實(shí)現(xiàn)這一過程。
具體做法如下：
這一切換過程完成了，一個(gè)周期結(jié)束。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 下一頁 圖片輪換效果 [2]
◎進(jìn)入論壇Flash專欄版塊參加討論
|
第 1 頁 圖片輪換效果 [1]
第 2 頁 
