jQuery image rotator

Question

나는이 간단한 이미지 회전기를 만들려고 노력하고 있지만, 평소처럼 내 코드가 작동하지 않습니다. 나는이 개 이미지 ("image1에"와 "이미지 2")

$x = 0; 
function rotateImage(){ 
    if($x == 0){ //if function is being called for the first time 
     $x = 1; 
    } 
    $(".window").html("<img src=\"../images/image" + $x + ".png\" />"); 
    $x = $x + 1; 
    if($x > 2) 
     $x = 1; //reset x to 1 if last image has been reached 
} 

rotateImage(); //first function call 
setInterval("rotateImage()", 1000); //call function every second 

이미지 1이 표시되지만 계속 스와핑이없는 사이에 교환하고 싶습니다. 사전에

감사합니다,

매트

Answer 1

정수 문자열도 추가하지 않는 한 당신은 달러 변수에 대한 자바 스크립트의 징후, 그리고 X가 필요하지 않습니다. 이 시도하고 당신이 어떤 문제가 있다면 알려주세요 : 또한

var x = '0'; 
function rotateImage(){ 
    if (x == '0') { x = '1'; } else { x = '0'; } 
    $(".window").html("<img src=\"../images/image" + x + ".png\" />"); 
} 

rotateImage(); //first function call 
setInterval("rotateImage()", 1000); //call function every second 

을 ... 당신이 이미지 컨테이너 사용하기에 적합한 선택이다 ".window"확실하다? DIV에서 ID가있는 이미지를 사용하고 "#theID"를 선택기로 사용하는 것이 좋습니다.