javascript - 图像中奇怪的 Javascript 错误交换

Question

我有一个只偶尔出现的疯狂错误。当我开发这个网站时很明显，但它消失了一个星期左右，现在这个网站又回来了。我不认为这与我的托管有任何关系，因为它也在本地出现错误。

我的问题是我在每次点击时交换 css 值背景图像。它在 95% 的时间里都能完美运行，但有时在大约 15 分钟的时间里，它不会显示大约一半的图像，这似乎是随机的。最奇怪的是，如果您查看检查器，您会发现脚本正确地更改了 css 值，但根本没有加载图像。我不知道为什么!

这是网站:shouldivoteoliver.com它在“宣传”页面上。

这是 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)');
                    }
                    });
            }
        });
});

Answer 1

我建议使用背景图像作为 Sprite 并将背景位置更改为 反对更改背景图像属性。

这是我用谷歌搜索的教程

http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/