Question

如何提高javascript 动态切换图片的速度？

本人初学javascript，想用onmouseover事件改变图片的src，实现一个图片切换的效果，但是切换的图片较多，加载速度较慢。请教各位大神，除了压缩图片以外，有没有别的办法可以提高切换速度，比如在网页加载时提前下载好所有的图片？谢谢！！

Answer 1

先用
<img src="图片路径" style="display:none;" />
隐藏掉，切换的时候把路径放上去
这样写的意思代表
页面加载时同时载入图片
这样图片就会缓存到本地
当你再次使用图片链接的时候，系统会直接调用本地的图片，这样就不会造成慢的现象了

Answer 2

我发给你一个切换图片的脚本，你只要修改intervalTime时间就行，这儿的时间单位是毫秒

追问

我的问题是初次载入网页时，切换图片时的下载速度很慢，不太清楚这个intervalTime是什么原理？

Answer 3

使用ajax异步请求啊，现在的浏览器都支持缓存的 你浏览过的图片都会放到缓存里面，下次读取的时候就直接读取缓存就行了，不会慢的

追问

如果是初次加载页面如何解决下载速度慢的问题？

追答

这个还真没处理过，你百度一下性能优化这类东西

Answer 4

预加载，比如进入时自动加载5个图片，当每次切换时自动加载多一个，记得jquery有这个功能

追问

能给一点简单的js代码说明么？非常感谢！

追答

给你参考：http://www.cnblogs.com/sailxc/archive/2011/06/15/2081271.html

只是你要知道，预加载的好处是第一次载入时比平时慢，但是切换的时候会比平时快很多，预加载的数量应该与图片切换的速度成正比，切换速度越快，载入数量就应该越大，初始载入速度就越慢