jQuery图像旋转器

Question

我想使这个简单的图像旋转器，但像往常一样，我的代码不起作用。我想2个图像（“图像1”和“图像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 

此搜索显示出来，但没有交换回事之间切换。

由于提前，

马特

Answer 1

你不需要在JavaScript美元符号的变量，而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”是使用图像容器的正确选择？我建议在带有ID的DIV中使用图像，并使用“#theID”作为选择器。