기괴한 자바 스크립트 버그 교환 이미지

Question

가끔씩 발생하는이 미친 버그가 있습니다. 이 사이트를 개발할 때 분명했으나 일주일 정도 사라져 사이트가 다시 생겨났습니다. 로컬로 버그가 발생하기 때문에 호스팅과 관련이 없다고 생각합니다.

제 문제는 각 클릭에 CSS 값 배경 이미지를 바꾼다는 것입니다. 그것은 완벽하게 95 %의 시간 동안 작동하지만 때로는 15 분 정도의 기간 동안 이미지의 절반 정도가 겉보기에 무작위로 표시되지 않습니다. 가장 이상한 점은 관리자가 인스펙터를 보면 스크립트가 CSS 값을 올바르게 변경했지만 이미지가로드되지 않았 음을 알 수 있습니다. 나는 이유를 모른다!

여기 웹 사이트는 shouldivoteoliver.com입니다. "Propaganda"페이지에 있습니다.

다음은 자바 스크립트입니다 :

$(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

배경 이미지를 스프라이트로 사용하고 배경 위치를 배경 이미지 속성을 변경하는 대신에 으로 변경하는 것이 좋습니다. 여기

나는 ... 나는 여기

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

Answer 2

나는 두 번 선전에있는 모든 슬라이드를가는 시도했지만 나는 어떤 문제를 가로 질러 오지 않았다. 무슨 일이 일어나고 있는지 모르겠지만 각 "슬라이드"의 내용을 저장하는 배열을 만들고 마우스 클릭만으로 루프를 돌리면 코드를 좀 더 깨끗하고 읽기 쉽게 만들 수 있습니다. 그 div의 배경 속성을 설정하지 않아도되고 이미지 만 포함시킬 수 있습니다.
당신의 문제에 도움이 될지 확실하지 않지만, 더 많은 것을 관리하기 쉽고 더 쉽게 만들 것입니다.

Answer 3

을 봤 i2

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