当前位置：首页 → 问答吧 → Jquery 如何预载入图片？

Jquery 如何预载入图片？

时间：2010-05-20

来源：互联网

如题
感觉用那种image对象方式预载入图片开发效率太低要写很多代码

作者: xiaoniaoa 发布时间: 2010-05-20

现在图片预载入都是用imgae在载入的

作者: ariesjia 发布时间: 2010-05-20

两句代码就可搞定吧，何谈效率低呢？

作者: 3235183 发布时间: 2010-05-20

预载图片要很多代码？

作者: CNwander 发布时间: 2010-05-20

你可以用jquery 添加image 预设图片路径，然后加到文档节点，把他的display 设置为none 就好了嘛

作者: a3160586 发布时间: 2010-05-20

我也正需要这种代码，帮你顶一个。希望有高手出现。。

作者: togoog 发布时间: 2010-05-23

我也要等待高手

作者: wangsdong 发布时间: 2010-06-09

帮顶一下!

作者: kj1025 发布时间: 2010-06-09

我说一下思路。一个层设置为display none；把需要载入的图片放进去，再最后一张图片用onload运行事件跳转或者是其他动作,这样会把所有图片下载到缓存里。如果其中一个图片的路径错误，将无法成功加载。例子里只有2张宽1600的图

<!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><title> </title> <style type="text/css" > #process{text-align:left; width:500px; height:23px; margin:160px auto 0;text-align:left;background:#f00;position:relative;z-index:0; } #img{height:24px;width:502px;margin:0 auto;position:relative;top:-23px; background-color:#294C64; z-index:3; border:1px solid #7CA295} #img span{height:22px;width:500px;background:#f00;left:1px;top:1px; position:absolute;z-index:4;} #img #Lable{ display:block;width:100px;height:20px;text-align:center;color:#fff; font-weight:700; position:absolute;top:3px;left:200px;z-index:5;} </style> <script language="javaScript" type="text/javascript">  </script> </head> <body> <h1>加载中。。。。</h1> <div id="process"></div> <div id="img"><span id="img_span"></span><div id="Lable">0%</div></div> <div style="display:none;"> <img src="http://hiphotos.baidu.com/ll8k/pic/item/54c5963359742f61ac4b5f02.jpg" /> <img src="http://hiphotos.baidu.com/ll8k/pic/item/1cb32dd93f37a90e10df9b0e.jpg" onload="PreLoad=true" /> </div> <script language="javascript" type="text/javascript"> ExecProgress(0); </script> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 lyh6631791 于 2010-6-9 17:03 编辑 ]

作者: lyh6631791 发布时间: 2010-06-09

Jquery 如何预载入图片？

热门阅读

热门下载