平时做图片展示或者图片新闻时,会经常的更新flash 里的图片信息,但是假如每次都手动添加,实在麻烦了点.现在很多网站用得比较多,就是新浪网上的图片新闻滚动的flash.我今天也做了个上下滚动的图片展示.
源文件下载:
loadimg.rar
查看最后效果
一、首先创建一个文本文件,用来存储图片信息,这个文件可以通过后台程序(如PHP)来修改生成。
新建文本文件名为imginfo.txt
以下是文本内容,是图片名称和描述的序列:
代码:
imgvar=1.png,图片一|2.png,图片二|3.png,图片三|4.png,图片四
二、创建flash文件
在主场景中分别建立“下一张按钮(btn_next)”“上一张按钮(btn_previous)”以及用来载入图片的空MC(image)和显示图片描述的动态文本框(var=imagetxt).
然后在主时间轴第一帧写如以下代码:
1.载入图片的文本信息文件,然后转换成二维数组。
代码:
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.加入上一张及下一张按钮的动作
代码:
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,把所有文件放在同一目录,输出后就可以了。