Javascript JS原型在单击时替换图像url

我用CSS/HTML创建了一个在鼠标上方改变的图像

我现在要做的是，当图像被单击一次时，它将1）更改为悬停图像，2）将变量的值设置为1。如果再次单击图像，它将1）更改回原始图像，2）将变量的值设置为0。基本上，切换一个区域并设置一个变量以对应其是否处于活动状态：

看看我的小提琴：

以下是我正在尝试实现的JS：

$("RARM").observe("click", function() {
alert("Right Arm!!!");
    if(this.src == 'http://i.imgur.com/wzHgrvS.jpg'){
        this.src({backgroundImage:'http://i.imgur.com/SdOX0I0.jpg'});
        //set variable to 1 here $("{var}").value = 1;
} else if (this.src == 'http://i.imgur.com/SdOX0I0.jpg'){
        this.src({backgroundImage:'http://i.imgur.com/wzHgrvS.jpg'});
        //set variable to 0 here ^^;
}
});

---

我正在尝试用JS/Prototype框架来做这件事。我仍在学习和欣赏任何输入

您可以通过类更改style.backgroundImage（或style.src）并使用toggleClassName进行替换

像这样->

css

javascript

$("RARM").observe("click", function() {
    alert("Right Arm!!!");
    $(this).toggleClassName("pressed");
});

---

src

不是一个函数。你可能想要

this.style.backgroundImage=..

谢谢，我试过

this.style.backgroundImage=

后跟

this.setStyle（{backgroundImage:'url（…）'）}）

由于没有可用性，您可以使用一个类来按下，这将变得非常容易，因为从外观上看，

#RARM

没有背景图像这太棒了，谢谢！如何处理变量映射？既然没有

if

语句，它只是切换类？编辑：如果（this.className='pressed'）{//set variable=1}，它会像

一样吗？原型的函数“toggleClasName”执行逻辑并自动切换类，您可以测试是否让类生成if语句非常感谢，我得到了它！
$("RARM").observe("click", function() {
    alert("Right Arm!!!");
    $(this).toggleClassName("pressed");
});