图片缓存问题

[mengqianye]

我现在想做的事情是，在程序开始执行后，同时从服务器下载以后需要的图片到本地缓存，我用了setTimeout,执行一个down()程序，在这个程序里，用循环语句执行下面的代码：

var img = new Image();
img.src="src.jpg";

因为需要下载的图片很多，循环会执行很多次，而在这个过程中，会导致我本身的程序界面没有响应，而且本该下载到缓存的图片也没有全部下载下来，而只是下载了一部分，这是什么问题呢？？有没有什么解决的办法？？？

[nicholsky]

拖动的函数里检测img.readyState=="complete"

[mengqianye]

检测了这个之后呢？？

拖动后，img.src="x.jpg";
要这样之后才能检测,可是浏览器碰到.src后，就会下载x.jpg了吧....

呵呵，我有好多都不懂啊...

[nicholsky]

检测后，就不用再赋值了。

if(img.readyState!="complete"){img.src="x.jpg"}

[mengqianye]

要显示拖动后的图片的话，没有.src要怎么显示出图片？？而且，要是先没有.src，要根据什么检测？？

[PleaseDoTellMeWhy]

你在window.onload 后下载，不会影响浏览者浏览页面的同时程序也在下载图片！

[muxrwc]

http://blog.csdn.net/meizz/archive/2007/10/08/1815790.aspx

[mengqianye]

我的页面本身也是有很多图片的，浏览现在是没有影响了，不过我的页面是可以拖动图片的，就想google map那样有很多小图片，拖动图片的话就会下载新的图片，这个行为好像会跟下载图片有冲突还是怎么的，要是程序还在下载图片，拖动的话，界面就没有响应了，两种都是用.src的，拖动的时候，加载新的图片时，浏览器会不会判断缓存中是否已经下载了某个图片，就不用重新下载了？？我让程序执行后，同时从服务器下载图片，目的就是拖动时加载新图片时，就不用浏览器再从服务器下载了，直接从缓存取就可以了....