JS设置background-image，如何缓存

做一个走马灯的效果
我的页面上有几张Images，页面加载的时候，会加载这几张图片，然后另外会有一个空的div，我用JS控制这个div的background-image的url为这几张Images的Src切换
但是似乎每设置一次background-image，都会触发一次请求，导致这个走马灯效果每次换图都在不停的请求服务器
我想问，有什么办法比较好缓存这些图片吗？
我试过设置一个数组，来保存这些Images对象，但是效果不佳，还是说得用数组缓存这些设置好background-image的div对象？

举报该问题

推荐答案 2013-09-17

理论上，浏览器会自动缓存图片的，
如果你的浏览器没有缓存，那有可能你把浏览器缓存禁用了，

还有一点是，即使是缓存了，浏览器还是会请求服务器的，但是请求的内容是，验证图片是否有修改，如果图片没有修改，那么服务器会返回状态码为300，而不是200，300意味着图片没有修改，那么浏览器就可以取本地缓存了，200是说图片下载传输完成的意思，就是说从服务器下载完成，

我觉得你的问题，应该是看到了浏览器请求，但是没有看状态吗的问题。

在明确一下：即使是缓存了，也会有请求的，只是请求的返回结果，是不是需要重新下载数据(图片)

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/TB0Te0n0jn0ZDnZTIn.html

其他回答

第1个回答 2013-09-17

http://www.cnblogs.com/cbcye/archive/2011/02/22/1961418.html
楼主试试这个

第2个回答 2013-09-17

很严重的问题啊，可以用html5 的离线存储实现

相似回答

在“js”中怎么设置div的背景图片?答：有两种比较直接的方式，\x0d\x0a\x0d\x0a第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。\x0d\x0ahtml代码：\x0d\x0a---\x0d\x0a\x0d\x0a\x0d\x0a---\x0d\x0a\x0d\x0a预先设置一个样式：\x0d\x0a---\x0d\x0a.bg {\x0d\x0a b...

js里的css属性怎么写backgroundImage的参数答：css('background','url(images/test.jpg) left no-repeat');你这个应该是jquery的属性把反正我一般都是这么写的就一个background，

js改变backgroundImage??答：<textarea id=ttt></textarea>ttt.style.backgroundImage='url(SH101721.JPG)';ttt.style.width='100%';ttt.style.height='400';补充：也没问题sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8sdf3904875hjdfs987rth324uioyf987sdaf987324iohf...

怎么用js设置一个渐变色的背景颜色答：2.在css里面写好之后，通过js给element添加class来新增样式：在样式表定义好样式 css：.jianbian{ background-image: linear-gradient(120deg, #155799, #159957);} 然后通过js给元素添加class js:var test = document.getelementById(''test);test.className = 'jianbian' ;大概就这样了，不过你...