javascript - 图片不使用 JavaScript 切换

Question

我设置了代码，因此当您单击图片切换时，会弹出一个菜单。 (我还没有完成菜单)。但是当我点击图片时，它并没有改变。你能告诉我如何修复我的代码谢谢。我无法让 jsfiddle 工作所以这是我的网站 http://spencedesign.netau.net/singaporehomemenu.html

麻烦的代码是:

function showMore() {
    if (more.style.display != "none") {
        more.style.display = "none";
    }
    else {
        more.style.display = "block";
    }
}

imgs = Array("more.png", "less.png");
var x = 0;

function change() {
    document.getElementById("bob").src = imgs[++x];

    if (x == 1) {
        x = -1;
    }
}
if (!imgs[x + 1]) {
    x = -1;
}

JSFiddle

(是的，我有所有适当的 body 和 html 标签，我只是认为不需要证明我的问题)感谢您的宝贵时间!

Answer 1

您的问题是您没有名为 bob 的 ID。因此，当您尝试调用时:

document.getElementById("bob") ...

这是空的。

您需要将要更改的图像设置为一个名为 bob 的 id(尽管为什么将其称为 bob？)