基于jquery实现的Flash加载远程图片带进度条显示效果.zip资源-CSDN文库

共7个文件

as：2个

js：2个

htm：1个

版权申诉

184 浏览量 2022-11-10 00:28:04 上传评论收藏 30KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jquery实现的Flash加载远程图片带进度条显示效果.zip （7个子文件）

132692098650499147

likecs.com_132692098653662179

加载图片进度条

load.htm 3KB

loadSwf.swf 718B

loadSwf.fla 39KB

jquery.js 54KB

flashobject.js 6KB

main.as 612B

loadPic.as 794B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>加载图片进度条-Download by http://www.jb51.net</title> <script language="javascript" type="text/javascript" src="js/flashobject.js"></script> <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" language="JavaScript"> //定义LOAD样式 loadBg为背景DIV loading为加载条DIV loadText为百分比DIV var loadStr="<div id='loadBg' style='width:200px;height:10px;background-color:#dddddd;font-size:0px'><div id='loading' style='height:10px;background-color:#ff0000;font-size:0px;width:0px'></div></div><div id='loadTxt'></div>"; $(document).ready(function(){ loadSwf(1,1);//加在SWF触发器 //绑定加载按钮 $("#loadBtn_1").click(function(){ $("#urlText_1").val()!=""?loadImg($("#urlText_1").val(),"picDiv_1"):alert("路径不能为空"); }) $("#loadBtn_2").click(function(){ $("#urlText_2").val()!=""?loadImg($("#urlText_2").val(),"picDiv_2"):alert("路径不能为空"); }) }) //加载图片事件 //参数说明:url-图片路径,picDiv-装载图片的DIV的ID //用法--------loadImg('http://www.aaa.com/pic.jpg','picDiv') function loadImg(url,picDiv){ $("#"+picDiv).html(loadStr); if (navigator.appName.indexOf("Microsoft") != -1){ window["swfId"].forjs(url,picDiv); }else{ document["swfId"].forjs(url,picDiv); } } //加载SWF事件 function loadSwf(rootWidth,rootHeight){ var fo = new FlashObject("loadSwf.swf", "swfId", rootWidth, rootHeight, "8", ""); fo.addParam("quality", "high"); fo.addParam("salign", "t"); fo.addParam("scale", "noscale"); fo.addParam("loop", "false"); fo.write("flashcontent"); } //进度条实时控制函数事件 function loadElement(picDiv,n){ $("#"+picDiv+" #loading").width(n+"%"); $("#"+picDiv+" #loadTxt").html(n+"%"); } //加载完毕后回调函数----回调参数说明:url-传回图片地址值,picDiv-传回所加载图片DIV的ID,w-传回的图片原始宽度,h-传回的图片原始高度 function picCallBack(url,picDiv,w,h){ $("#"+picDiv).html("　　图片高宽象素为:"+w+"*"+h+"<img src='"+url+"' alt=''/>").hide().fadeIn(1000); } </script> </head> <body style="background-color: #ffffff;font-size:12px;"> <div id="flashcontent"></div> <div> 图片路径1:<input type="text" style="width:400px;" id="urlText_1"/> <input type="button" value="加载图片" id="loadBtn_1"/> </div> <div id="picDiv_1"></div> <div> 图片路径2:<input type="text" style="width:400px;" id="urlText_2"/> <input type="button" value="加载图片" id="loadBtn_2"/> </div> <div id="picDiv_2"></div> </body> </html>

评论收藏

内容反馈

版权申诉