没有在Google Chrome中缓存动态加载的图片

Question

使用jQuery加载的图片不会保存在Google Chrome的缓存中？它每次都从服务器下载.

情况:我正在使用jQuery slimbox2在"灯箱"中加载图片.在这一点上没什么特别的.我添加了一些jQuery代码,用于检测鼠标光标何时越过灯箱图像:当发生这种情况时,我会动态加载一个版本的灯箱图片,但是通过更改div的css背景来加大(如缩放).

问题:当光标第一次进入灯箱时,它应该加载"大"图像,并且所有浏览器都将图像保存在缓存中,所以当光标熄灭时,第二次进入"大" '图像已经下载了,因此下载不需要分秒或1秒.

使用Chrome,每次都会一次又一次地下载.(还有更多问题,因为灯箱分页图层的mousein mouseout事件会使这个额外的下载=图像一直闪烁[图像下载]).

例子:我的英语很残酷,而且已经很晚了.只需查看示例以了解:) http://motocross.es/f/oneal/casco-oneal-7-series-mayhem-roots/996

在此先感谢,并原谅我的英语水平.

Answer 1

尝试将它们存储到本地存储ibm.com localstorage 示例

<script>
    var hero;
    if ( localStorage.getItem('heroImg')) {
        hero = localStorage.getItem('heroImg');
    }else {
        hero = '/9j/4AAQSkZJRgABAgAAZABkAAD/7    /.../    6p+3dIR//9k=';
        localStorage.setItem('heroImg',hero);
    }

    document.getElementById("hero-graphic").src='data:image/png;base64,' + hero;
</script>

<img id="hero-graphic" alt="Blog Hero Image" src="" />