将相片与flash放在同一目录下,相片命名为0.jpg,1.jpg,2.jpg,3.jpg,4.jpg,5.jpg....以至无穷(0.jpg为相册的封面)。然后打开FLASH就可以看到效果了。
注意:用flash8播放器才能正常观看
相册test.rar
源文件.rar
源文件主轴代码:
帧1:主要是把舞台限定,全屏
帧2:加载封面图片,当按下左键就用个ENTERFRAME事件来隐去封面,并在动作完成后到下一帧,也就是舞台正常主状态
帧3:回载缩略图,初始化一些变量
帧4:主体帧。初始化完成,则在这一帧STOP,大多数时候舞台画面都是在这一帧显示
帧5:动作过渡帧。如果要加载下几张图,就跳到帧3,把缩略图重加载一遍,再在帧4停止,呼应鼠标事件
帧1:
fscommand("fullscreen",true);//全屏
stop();
//初始化画图状态,并画屏幕大小的一个矩形,用它把舞台遮照,这样露在舞台外面的部分就看不到了,使画面更完美一些。
clear();//初始化
//画矩形
createEmptyMovieClip("line0",999);
with(line0){
lineStyle(1,0x66FFFF,100);
beginFill(0xFF6600,100);
moveTo(0,0);
lineTo(Stage.width,0);
lineTo(Stage.width,Stage.height);
lineTo(0,Stage.height);
endFill();}
//用矩形遮照舞台
_root.setMask(_root.line0);
//鼠标按下继续下一画面
_root.onMouseDown=function(){
play();}
帧2:
stop();
varpic_count:Number=0;//此变量用来计录当前显示图片缩略图的计数,是显示1,2,3,4,5张,还是6,7,8,9,10张,还是。。。
//----------为所有影片夹子设置变色方法,它需和onEnterFrame配合使用
MovieClip.prototype.setBrightOffset=function(offset){
varThis=newColor(this);
vartrans=This.getTransform();
with(trans){
rb=gb=bb=offset;
}
This.setTransform(trans);
};
//封面的图片显示,也就是第二个画面,调用“theloader”来显示,后面的缩略图也是用这一影片夹子来加载的
_root.attachMovie("theloader","theloader0",1);
theloader0.canplay=true;//图片加载完毕后不作就位动作,由此值作统一指挥(后面缩略图就是用这值来控制一张张出来的)
_root.theloader0.num=0;//加载第几张图的控制变量,这时加载封面,也就是"0.jpg"
_root.theloader0.howwide=Stage.height+10;//显示的图片的高度限制
_root.theloader0._x=0;
_root.theloader0._y=0;
//图片加载后就自己作渐隐动作,由EnterFrame事件加影片夹子的变色属性来实现,等于255值时图片呈白色,并实施跳转到下一画面
j=1;
_root.onEnterFrame=function(){
if(j<255){
_root.theloader0._x=(Stage.width-_root.theloader0.loadit_mc._width)/2;//将图片在屏幕中间显示
_root.theloader0._y=(Stage.height-_root.theloader0.loadit_mc._height)/2;//将图片在屏幕中间显示
_root.theloader0.setBrightOffset(j);
j+=j/6;//作显示加速效果,渐渐加快
}else{//删除变色动作,到下一画面
delete_root.onEnterFrame;
play();
}
};
帧3:
removeMovieClip("theloader0");//删除上一画面
帧4:
stop();
varhowmany_x:Number=5;//缩略图一次显示5张
vartop_position:Number=20;//缩略图的坐标值高低控制
for(i=0;i<howmany_x;i++){//缩略图加载
_root.attachMovie("theloader","theloader"+i,100*i);//加载
_root["theloader"+i].num=pic_count+i+1;//告诉每一个缩略图夹子应加载第几张JPG
_root["theloader"+i].howwide=65;//控制图片的高度值(x,y的scale值是统一设定的,对高度设定就等于限定了宽度)
_root["theloader"+i]._x=top_position+Stage.width/howmany_x*i*1.35-10*i*i;//缩略图x坐标位置
//trace(_root["theloader"+i]._x);
_root["theloader"+i]._y=20*Math.sin(360+0.3*i);//让缩略图的Y值呈曲线分布
_root["theloader"+i]._xscale=_root["theloader"+i]._yscale=110-100/howmany_x*i;//越靠后的缩略图越小张
_root["theloader"+i]._rotation=i*7;//对每个缩略图增加一点旋转
}
_root.onMouseDown=function(){//舞台上鼠标按下响应,如果鼠标是点在缩略图上就执行舞台主图替换操作
for(i=0;i<howmany_x;i++){
if(_root["theloader"+i].hitTest(_root._xmouse,_root._ymouse)){
_root.getit.num=pic_count+i+1;//得此时缩略图对应的图片序号
//trace(_root.getit.thenum);
_root.getit.gotoAndPlay(2);//"getit"重新加载图片
break;//同一时刻只有一个缩略图被点击,所以只要侦测到有缩略图被点击就退出FOR循环
}
}
};
//让缩略图逐一出来的时间函数,只有CANPLAY被置为true时,才执行每个缩略图动作。缩略图动作执行会检查这个值。
k=-1;
varcountit=setInterval(function(){
if(k<howmany_x){
k++;
_root["theloader"+k].canplay=true;//每隔100毫秒就把下一张缩略图动作启动
}else{
clearInterval(countit);//缩略图加载完就删除定时函数
}
},100);
帧5:
gotoAndPlay("reload");//如果舞台上的换下面五张图的按钮(最大的那个按钮)被点击,就重新下载下五张缩略图,边上的小按钮点击则加载前五张图
另外附上:
主体大图的互动响应事件说明:
分为左键按下,松开两大事件。
("getit"时间主轴上的函数,以下"this"指的是大图这个影片夹子):
//鼠标左键按下
this.onMouseDown=function(){//如果鼠标在大图上按下,记录其位置坐标,大图此时激活拖动功能
if(this.hitTest(_root._xmouse,_root._ymouse)){
the_xmouse1=_root._xmouse;//记录X值
the_ymouse1=_root._ymouse;//记录Y值
this.startDrag(lock);//能够拖动,这里不加判断了,只要按下就拖动。因为反正如果是双击动作的话,拖动距离也不会大的。
}
};
//鼠标左键松开
this.onMouseUp=function(a){
this.stopDrag();//停止拖动
if(this.hitTest(_root._xmouse,_root._ymouse)){
the_xmouse2=_root._xmouse;//记录停下后的X值
the_ymouse2=_root._ymouse;//记录停下后的Y值
the_x=this._x;//记住当前大图的坐标
the_y=this._y;//记住当前大图的坐标
count=Math.sqrt(the_xmouse1-the_xmouse2)+Math.sqrt(the_ymouse1-the_ymouse2);//用两点距离公式计算鼠标按下到松开过程中移动的距离
//------------
doubleclick=false;//初始化双击的监控变量值
//用系统自带gettime函数来检测两个鼠标按下动作的间隔,如果时间极快(小于400毫秒)就认为当前做了双击左键动作
varcurrentTime:Number=newDate().getTime();
//用一个
if(_global.lastTime==undefined){//上一次左键按下的时间,没有就记录这一次按下的时间
//初始化_global.lastTime
_global.lastTime=currentTime;
}elseif(currentTime-_global.lastTime<400){//拿此次的时间和上次的按下时间作比较,小于400ms就将双击的监控变量改为true
doubleclick=true;
}
_global.lastTime=currentTime;//lasttime作为全局变量,所以值不会随函数执行完而消失,每次函数执行就更新一次
//如果双击事件确认,并且两次动作的距离值小于4(说明不是想拖动大图,否则拖动的距离一般会比4大),就执行双击响应
if(_root.hitbut!=true&&count<4){//如果这个动作不是发生在按缩略图的动作上(而是按在大图上),而且距离是双击的距离就条件成立
if(doubleclick==true){//时间上也比较合理的话,那就是双击,错不了了,呵~
loadit_mc._xscale=loadit_mc._yscale=this.a;//回复刚加载时的大小
this._x=(Stage.width-loadit_mc._width)/2;//复位,放在下边空白处的中间
this._y=(Stage.height-loadit_mc._height)/2;//复位,放在下边空白处的中间
redrawit();//用画边函数加上图片的边框
}else{//在上面的判断下,如果不是双击(比双击时间长),就一定是单击了,那就执行放大动作,每次大10个百分点,别忘了放大后的位置修正
loadit_mc._xscale+=10;
loadit_mc._yscale+=10;
this._x=this._x-Math.abs(the_x-the_xmouse2)*.109;
this._y=this._y-Math.abs(the_y-the_ymouse2)*.109;
redrawit();
}
}else{
_root.hitbut=false;//以上都不是的话就不管了,把该复位的值复下位
}
}
};
希望对代码初学者能有帮助。