将相片与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();
var pic_count:Number = 0;//此变量用来计录当前显示图片缩略图的计数,是显示1,2,3,4,5张,还是6,7,8,9,10张,还是。。。
//----------为所有影片夹子设置变色方法,它需和onEnterFrame配合使用
MovieClip.prototype.setBrightOffset = function(offset) {
var This = new Color(this);
var trans = 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();
var howmany_x:Number = 5;//缩略图一次显示5张
var top_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;
var countit = 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毫秒)就认为当前做了双击左键动作
var currentTime:Number = new Date().getTime();
// 用一个
if (_global.lastTime == undefined) {//上一次左键按下的时间,没有就记录这一次按下的时间
// 初始化 _global.lastTime
_global.lastTime = currentTime;
} else if (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;//以上都不是的话就不管了,把该复位的值复下位
}
}
};
希望对代码初学者能有帮助。