87,996
社区成员
发帖
与我相关
我的任务
分享如何提前下载图片
我现在在一个页面中使用了，很多相同的小图片。我记得应该可以预先下载图片。如何才能做到预先下载呢？能不能，让浏览器只下载一个图片呢？每次我访问这一页的时候，状态栏中总是提示：还有1000个图片需要下载，可那一千个图片都是相同的呀？它怎么还是要重复下载呢？我也试过javascript的image 对象，可是同样不起作用？
...全文
请发表友善的回复…
发表回复
希默软件 2002-12-16
- 打赏
- 举报
<script>
var aaa=new Image()
aaa.src="http://pcweapon.myrice.com/orstarlogo.gif"
</script>
<img src="http://expert.csdn.net/images/csdn.gif" onmouseover="this.src=aaa.src">
var aaa=new Image()
aaa.src="http://pcweapon.myrice.com/orstarlogo.gif"
</script>
<img src="http://expert.csdn.net/images/csdn.gif" onmouseover="this.src=aaa.src">
llrock 2002-12-16
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function imgGauge(imgArr){ //v3.0
var ready=true;
var bgc='#9999cc'; //进度条被景色
var okc='#888888'; //进度颜色
var fontc='#000000'; //字体颜色
var w=200; //进度条宽度
var h=15; //高度
var yyhide=false;
var yyshowpc=true;
var redirection="mainF.htm";//所有图片预读结束后重定向到指定页
if (document.images)with (document){
if (document.preloadArray==null){//first call the function
document.preloadArray = new Array();
for(i=0;i<imgs.length;++i){
preloadArray[i] = new Image;
preloadArray[i].src =imgs[i];
}
}
if(document.preloadArray){
var howmany=0;
for(var i=0;i<preloadArray.length;++i){
ready = ready && preloadArray[i].complete;
if (preloadArray[i].complete)++howmany;
}
var suc=Math.round(howmany*100/preloadArray.length);
pos=Math.round(howmany/preloadArray.length*w);
htmlcode='<body><table width='+w+' height="'+h+'" bgcolor='+bgc+' border=0 cellpadding=0 cellspacing=0><tr><td bgcolor='+okc+' width='+pos+'></td><td width='+(w-pos)+'></td></tr></table>';
if (yyshowpc)htmlcode+='<center><font size=1 face="sans-serif" color="'+fontc+'">'+suc+'%</font></center>';
htmlcode+='</body>';
document.all['schedule'].innerHTML=htmlcode;
if ((ready)&&(yyhide))setTimeout('document.all[\'schedule\'].style.visibility="hidden"',1000);
if(ready){
if(redirection!='#')document.location=redirection;
}else{
setTimeout('imgGauge()',50);
}
}else{
setTimeout('imgGauge()',1000)
}
}
}
//这是必需的，把你准备预读到本地的图片放到数组中，注意文件名拼写正确
var imgs=['img/bg.gif','img/bgh.gif','img/open_l.gif','img/open_r.gif','img/apple.gif','img/jiaoL.gif','img/jiaoR.gif','img/face_s.gif','img/buttons_over.gif','img/buttons_out.gif','img/scroll_out.gif','img/scroll_over.gif','img/open_l.gif','img/open_r.gif','img/finder.gif','img/mail.gif','img/IE.gif','img/music.gif','img/action.gif','img/appleX_B.gif','img/register.gif','img/ball.gif','img/color.gif','img/close_over.gif','img/close_out.gif','img/page_out.gif','img/page_over_l.gif','img/page_over_r.gif','img/counts.gif1'];
//
//-->
</script>
</head>
<body bgcolor="#7270BC" background="back1.jpg" text="#000000" link="#000000" vlink="#000033" alink="#000033" scroll=no onLoad=" imgGauge(imgs);">
<!-- schedule bar -->
<div id="schedule" style="position:absolute; width:200; height:36; z-index:100; left: 328px; top: 55px; overflow: hidden; visibility: visible">
</div>
</body>
</html>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function imgGauge(imgArr){ //v3.0
var ready=true;
var bgc='#9999cc'; //进度条被景色
var okc='#888888'; //进度颜色
var fontc='#000000'; //字体颜色
var w=200; //进度条宽度
var h=15; //高度
var yyhide=false;
var yyshowpc=true;
var redirection="mainF.htm";//所有图片预读结束后重定向到指定页
if (document.images)with (document){
if (document.preloadArray==null){//first call the function
document.preloadArray = new Array();
for(i=0;i<imgs.length;++i){
preloadArray[i] = new Image;
preloadArray[i].src =imgs[i];
}
}
if(document.preloadArray){
var howmany=0;
for(var i=0;i<preloadArray.length;++i){
ready = ready && preloadArray[i].complete;
if (preloadArray[i].complete)++howmany;
}
var suc=Math.round(howmany*100/preloadArray.length);
pos=Math.round(howmany/preloadArray.length*w);
htmlcode='<body><table width='+w+' height="'+h+'" bgcolor='+bgc+' border=0 cellpadding=0 cellspacing=0><tr><td bgcolor='+okc+' width='+pos+'></td><td width='+(w-pos)+'></td></tr></table>';
if (yyshowpc)htmlcode+='<center><font size=1 face="sans-serif" color="'+fontc+'">'+suc+'%</font></center>';
htmlcode+='</body>';
document.all['schedule'].innerHTML=htmlcode;
if ((ready)&&(yyhide))setTimeout('document.all[\'schedule\'].style.visibility="hidden"',1000);
if(ready){
if(redirection!='#')document.location=redirection;
}else{
setTimeout('imgGauge()',50);
}
}else{
setTimeout('imgGauge()',1000)
}
}
}
//这是必需的，把你准备预读到本地的图片放到数组中，注意文件名拼写正确
var imgs=['img/bg.gif','img/bgh.gif','img/open_l.gif','img/open_r.gif','img/apple.gif','img/jiaoL.gif','img/jiaoR.gif','img/face_s.gif','img/buttons_over.gif','img/buttons_out.gif','img/scroll_out.gif','img/scroll_over.gif','img/open_l.gif','img/open_r.gif','img/finder.gif','img/mail.gif','img/IE.gif','img/music.gif','img/action.gif','img/appleX_B.gif','img/register.gif','img/ball.gif','img/color.gif','img/close_over.gif','img/close_out.gif','img/page_out.gif','img/page_over_l.gif','img/page_over_r.gif','img/counts.gif1'];
//
//-->
</script>
</head>
<body bgcolor="#7270BC" background="back1.jpg" text="#000000" link="#000000" vlink="#000033" alink="#000033" scroll=no onLoad=" imgGauge(imgs);">
<!-- schedule bar -->
<div id="schedule" style="position:absolute; width:200; height:36; z-index:100; left: 328px; top: 55px; overflow: hidden; visibility: visible">
</div>
</body>
</html>
