100分征求大量图片下载解决方案

Question

以前发的一个帖子
http://topic.csdn.net/u/20100818/17/af1d0db4-d9d0-4f38-bda6-82ad18d34736.html
做到现在，下载问题始终做得不好
高分求下载解决方案
下面抛出一个引子：
以前总有人说看图慢
现在第一张图片下载完后，会一下下载所有图片
这样就不会有慢的感觉了另外在这里征求一个下载方案，不希望一下全部下载下来
比如看的人浏览了第一张，那么就把后面５张也下载下来（一屏显示6张小图）
读者浏览了第二张，那么就下载2-7张
如果浏览者2-7张都不想看，他想看第10张，那看第10张的时候，就下载10-15张，显然，你已经看出，这也不是最优的下载方案
看看，你能想到最优下载方案吗？
你能“预见”到读者会看哪些图片吗？

Answer 1

可以用滚动条滚动的位置来加载图片，有人做出来了
lazyImg

Answer 2

很简单的要求吗，rpg游戏地图上走动的时候，也是要预读取的，方法很简单，弄7个div，循环向里面innerHTML图片就行了，刚看过的图片就用要预读的图片替换掉，至于图片的显示，其实就是div的显示与隐藏。

Answer 3

楼上的原理是不是就是GOOGLE地图现在使用的？

Answer 4

jquery里好像有个懒加载的例子吧

Answer 5

你可以说得更详细点，对RPG游戏不大了解。对你说的也不能完全理解。感谢你的方案

Answer 6

有7个div
然后要读第一张图片的时候，把7个div分别innerHTML7张图片，第一个div显示，其它div隐藏。然后要显示第二张图片的时候，就显示第二个div，其它div隐藏，再把第一个div里插入第8张图片显示第三张图片的时候就是显示第三个div，其它div隐藏，再把第二个div里插入第9张图片，依次进行。

Answer 7

明白了，这个方案在其他情况还可以，我的程序里有缩略图的，打算一下下载所有缩略图，但大图不这样做。
我还是利用DIV的滚动条来做文章，目前的问题是，滚动条的滚动事件是一个粒度非常细的事件，比如要滚动到１００px，可能这里会发生100次滚动事件，不希望这100次事件都去执行一个函数，看某张图片或某几张图片是否已经下载。