0

コードを設定しているので、画像をクリックするとメニューがポップアップします。(私はまだメニューを完成させていません)。しかし、写真をクリックしても変化がありません。コードを修正する方法を教えてください。ありがとうございます。私は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 タグはすべてありますが、問題を説明するのに必要ないと思っただけです) お時間をいただきありがとうございます!

4

2 に答える 2

1

問題は、bob という ID を持っていないことです。したがって、電話しようとすると:

document.getElementById("bob") ...

これはヌルです。

変更したい画像に bob という ID を設定する必要があります (なぜ bob と呼んだのですか?)

于 2012-11-15T01:30:07.600 に答える
0

リーが言ったように、あなたは img に ID を与えませんでした。また、change() 関数を少し早く閉じたので、2 番目の if.

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

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

ここでの作業:編集されたjsfiddle

于 2012-11-15T01:58:54.023 に答える