快速业务通道

多重外部载入 - 进度条(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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号