平時做圖片展示或者圖片新聞時,會經(jīng)常的更新flash 里的圖片信息,但是如果每次都手動添加,實在麻煩了點.現(xiàn)在很多網(wǎng)站用得比較多,就是新浪網(wǎng)上的圖片新聞滾動的flash.我今天也做了個上下滾動的圖片展示.
一、首先創(chuàng)建一個文本文件,用來存儲圖片信息,這個文件可以通過后臺程序(如PHP)來修改生成。 新建文本文件名為imginfo.txt 以下是文本內(nèi)容,是圖片名稱和描述的序列:
Code:
&imgvar=1.png,圖片一|2.png,圖片二|3.png,圖片三|4.png,圖片四
二、創(chuàng)建flash文件
在主場景中分別建立“下一張按鈕(btn_next)”“上一張按鈕(btn_previous)”以及用來載入圖片的空MC(image)和顯示圖片描述的動態(tài)文本框(var=imagetxt).
然后在主時間軸第一幀寫如以下代碼:
1.載入圖片的文本信息文件,然后轉換成二維數(shù)組。
Code:
System.useCodepage=true; var lv_img=new LoadVars(); _global.img_array=new Array(); _global.imginfo_array=new Array(); lv_img.onLoad=function(success){ if(success){ trace("載入成功!"); img_array=this.imgvar.split("|"); for(i=0;i<=img_array.length-1;i++){ imginfo_array[i]=img_array[i].split(","); } _root.image.loadMovie(imginfo_array[0][0]); _root.imagetxt=imginfo_array[0][1]; trace(imginfo_array);
}else{ trace("信息載入失。"); }
} lv_img.load("imginfo.txt");//載入文本信息文件
2.加入上一張及下一張按鈕的動作
Code:
var j=0;
btn_previous.onPress=function(){ trace(j); if(j<=0){j=img_array.length;} _root.image.loadMovie(imginfo_array[j-1][0]); _root.imagetxt=imginfo_array[j-1][1]; j--;
}
btn_next.onPress=function(){ //trace(j); if(j>=img_array.length-1){j=-1;} _root.image.loadMovie(imginfo_array[j+1][0]); _root.imagetxt=imginfo_array[j+1][1]; j++; }
OK,把所有文件放在同一目錄,輸出后就可以了。
源文件下載
出處:藍色理想
責任編輯:moby
◎進入論壇Flash專欄版塊參加討論
|