分享
 
 
 

Flash:相片浏览器 V1.0

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

将相片与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;//回复刚加

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有