平时做图片展示或者图片新闻时,会经常的更新flash 里的图片信息,但是如果每次都手动添加,实在麻烦了点.现在很多网站用得比较多.我今天也做了个上下滚动的图片展示.
一、首先创建一个文本文件,用来存储图片信息,这个文件可以通过后台程序(如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,把所有文件放在同一目录,输出后就可以了。
(责任编辑:luwei) |