多重外部载入 - 进度条(multiple preloader)
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
因为在设计的时候突然要载入多个图片, 所以顺便做了个教程放上来和大家分享... 也许就是很多人想要做的, 当中方法可以随自行喜欢设定 步骤 1 : 建立个进度条, 从第一帧宽度为1 到 第100帧宽度为100..这个不用教应该会了, 然后设定为mc, 在库中设定ID, 如图 : 步骤 2 : 在第一帧输入以下代码 : var a = new Array("http://www.super-tomato.com/pic_file/yuan.jpg", "http://www.super-tomato.com/pic_file/steven.jpg", "http://www.super-tomato.com/pic_file/girl.jpg", "http://www.super-tomato.com/pic_file/boy.jpg"); //这里是所要载入图片的路径 var i = 0; onEnterFrame = function() { if (i//循环得到图片路径的数量 m = createEmptyMovieClip("image"+i, i); //建立空的MC m_load = m.createEmptyMovieClip("pic", 0); //空MC当中再建立个MC载入图片 m_preload = m.attachMovie("loader", "loader", 1); //空MC当中摆放进度条, 从库中取得 m_preload._x = 100; //设定进度条的x坐标, 以不会和图片重叠 m_preload._y = 40; //同上 m._y = i*90; //空MC的位置 m_load.loadMovie(a[i]); //开始载入所指定的图片 m.onEnterFrame = function() { //循环取得所载入的进度 preloader(this); }; } else { //当已经没有指定图片要载入的时候 delete i; //删除变量i, 以释放内存空间 delete onEnterFrame; //删除循环 } i++; }; function preloader(target) { mc = target.pic; var percent = int((mc.getBytesLoaded()/mc.getBytesTotal())*100); //计算取得图片载入的进度 target.loader.gotoAndStop(percent); //进度条所显示所载入的进度 if(percent >= 100) { //当完全载入图片后, 删除侦测图片载入进度的循环 delete target.onEnterFrame; } } 步骤 3 : 完成 例子: 点击浏览该文件 关键词: |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 面向新手-flash导航栏练习下一篇: ACT闯关游戏的基本设置
关于多重外部载入 - 进度条(multiple preloader)的所有评论