Question

我正在尝试将上一个和下一个按钮循环显示src和onclick的已经可见的图像，当然，更改其他按钮。我只在JavaScript / HTML / CSS中这样做，我不知道JQuery ..

HTML字段：

<img id="prev"  onclick="prev1()"   src="Template.gif"         width="64"  height="64">
<img id="center" onclick="center1()" src="middlePictureOne.gif" width="128" height="128">
<img id="next"  onclick="next1()"   src="next.gif"             width="64"  height="64">

上一个按钮脚本：

function prev1() {
document.getElementById("center").src="middlePictureOne.gif";
document.getElementById("center").onclick="center1()";
document.getElementById("next").onclick="next1()";
document.getElementById("prev").src="Template.gif";
}

下一步按钮：

function next1() {
if (condition == "true") {
document.getElementById("center").src="middlePictureTwo.gif";
document.getElementById("center").onclick="center2()";
document.getElementById("next").onclick="next2()";
document.getElementById("prev").onclick="prev1()";
document.getElementById("prev").src="previous.gif";
}else{
alert("Nope.");
}}

条件：工作，下一个：工作，上一个：有所有问题。我已经尝试了所有我知道怎么做才能解决它...只是希望答案不是那么明显......

条件以及它是如何形成的：

var condition = new Boolean(0);

function center1() {
if (m1hp>0) {
    m1hp -= (heroDamage - m1def);
} else {
    onFinish();
}   
document.getElementById("hpc").innerHTML=m1hp;
}


function onFinish() {
    m1hp = 50;
    condition = "true";
}

那里有很多不相关的信息，但我不想遗漏任何事情以防万一。

http://jsfiddle.net/SusuReedJango/P7KNh/

这是完全未经编辑的所有我写过的小提琴..我很难过并且切掉了未使用的部分，它不会起作用。如果您有动力解决我的问题，可能需要更换图像。

如何使用上一个和下一个按钮切换src和onclick？ JavaScript的

0 个答案: