图像中奇怪的Javascript错误交换

我有一个疯狂的错误，只是偶尔出现。很明显，当我开发这个网站时，它消失了一个星期左右，现在这个网站是活的，它又回来了。我认为这与我的主机无关，因为它在本地也会出错

我的问题是每次单击时都要交换css值背景图像。它在95%的时间内都能正常工作，但有时在大约15分钟的时间里，它无法显示大约一半的图像，看起来是随机的。最奇怪的是，如果您查看inspector，您可以看到脚本正确地更改了css值，但图像根本没有加载。我不知道为什么

这是网站：在“宣传”页面上

下面是Javascript：

$(document).ready(function() {
    var n=0;
        $(".button").click(function(){
            if (n===5){
                $('<video style="position:relative;left:250px;" src="http://dl.dropbox.com/u/1011105/6.ogg" controls="controls">your browser does not support the video tag</video>').appendTo($('#putin'));
                n++;
                $("#putin").css("background-image","none");
                }
            else{
                $('video').remove();
                $("#putin").css("background-image",function(){
                    if (n>13){
                    n=1;
                    return ('url(images/1.jpg)');
                    }
                    else{
                    n++;
                    return ('url(images/'+n+'.jpg)');
                    }
                    });
            }
        });
});

$（文档）.ready（函数（）{
var n=0；
$（“.button”）。单击（函数（）{
如果（n==5）{
$（“您的浏览器不支持视频标签”）。附加（$（“#普京”）；
n++；
$（“#普京”）.css（“背景图像”，“无”）；
}
否则{
$（'video'）.remove（）；
$（“#普京”）.css（“背景图像”，函数（）{
如果（n>13）{
n=1；
返回（'url（images/1.jpg'）；
}
否则{
n++；
返回（'url（images/'+n+'.jpg'）；
}
});
}
});
});

我试过两次浏览宣传片上的所有幻灯片，但没有遇到任何问题。我不知道发生了什么，但是您可以通过创建一个数组来存储每个“幻灯片”的内容，并在鼠标单击时简单地循环，从而使代码更干净、更可读。我想您实际上不需要设置该div的background属性，只需包含一个图像即可。

---

只是一个建议，不确定它是否会帮助解决你的问题，但会使这件事更容易管理，更容易添加更多的东西

我建议使用背景图像作为精灵，并根据需要更改背景位置 反对更改背景图像属性

这是我在谷歌上搜索的一个教程

这是一条单行线

将索引

i1

处的值与

i2

arr.slice(0,i1).concat(ar[i2],ar.slice(i1+1,i2),ar[i1],.slice(i2+1))

---

浏览器嗅探不好。。。我想这可能不是一个问题，因为你的观众，但该网站不呈现在IE9的所有。。。IE8相当粗糙。它在铬和FF中工作良好。您在哪个操作系统/浏览器中看到这种行为？