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

（是的，我有所有适当的身体和html标签，我只是觉得不需要证明我的问题）谢谢你的时间！

Answer 1

您的问题是您没有名为bob的ID。所以当你试着打电话时：

document.getElementById("bob") ...

这是空的。

您需要将要更改的图像设置为名为bob的ID（为什么您称之为bob？）

Answer 2

李说，你错过了给img的身份证明。此外，您稍早关闭了change（）函数，因此它永远不会达到第二个if。

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

    if (x == 1) {
        x = -1;
    }
//} Moved from here
if (!imgs[x + 1]) {
    x = -1;
}
}

在这里工作：edited jsfiddle

图片未使用JavaScript切换

2 个答案: