奇怪的Javascript错误交换图像

我有这个疯狂的错误，只有有时出现。当我开发这个网站时很明显，但是它在一个星期左右消失了，现在网站已经恢复正常了。我认为它与我的托管没有任何关系，因为它本地漏洞也是如此。奇怪的Javascript错误交换图像

我的问题是，我每次点击交换css值background-image。它可以在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)'); 
        } 
        }); 
      } 
     }); 
});

来源

2011-03-06 Oliver

浏览器嗅探一个班轮

交换价值是坏的教程...我假设它可能不是一个问题，因为你的观众，但该网站在IE9中根本不渲染......而IE8则相当粗糙。它在Chrome和FF中运行良好。你在什么操作系统/浏览器中看到这种行为？ – 2011-03-06 19:33:49

我建议使用背景图像作为精灵，并改变背景位置为与改变背景图像属性相反。

这里是我GOOGLE了

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

来源

2011-06-29 22:09:00

我从此学到了很多东西！谢谢你的提示。 – Oliver 2012-01-21 13:06:20

我试图通过所有的宣传幻灯片去两次，但我没有遇到任何问题来。我不知道发生了什么，但只需制作一个数组来存储每个“幻灯片”的内容，并通过鼠标单击循环，就可以使代码更清晰，更易读。我想你并不需要设置该div的背景属性，你可以只包含一个图像。
只是一个建议，不知道它是否会帮助你的问题，但会使这件事更容易管理，更容易添加更多的东西。

来源

2011-03-06 19:28:04 Munim

这里是在指数i1与i2

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

来源

2013-03-16 04:26:28 user2044802

奇怪的Javascript错误交换图像

回答

相关问题