0

我正在尝试制作具有前进和后退按钮的 javascript 幻灯片。我只需要 8 张图片，我可以单击一个按钮转到下一张图片或上一张图片。但是，我的代码不起作用，我不知道为什么。我认为这是一个简单的解决方法，但为时已晚，我觉得我已经尝试了所有方法。当我说它不起作用时，我指的是浏览器要么返回一个错误，说“无法解析背景图像”（仅当我删除 if/then 语句并且只运行 else 部分时才会发生，而不是else前面当然）或者它只是崩溃，可能是由于当我尝试使用 if/then 语句运行它时出现无限循环。这是一个 jsfiddle 链接：http: //jsfiddle.net/AZchy/。谢谢你的帮助！

这是我的javascript：

var images = new Array(8);
images[0] = "url('screen1.jpg')";
images[1] = "url('screen2.jpg')";
images[2] = "url('screen3.jpg')";
images[3] = "url('screen4.jpg')";
images[4] = "url('screen5.jpg')";
images[5] = "url('screen6.jpg')";
images[6] = "url('screen7.jpg')";
images[7] = "url('screen8.jpg')";
var i = 0;

function slideShowForward(){
        if(i=7){
            i = 0;
            document.getElementById("images").style.backgroundImage = images[i];
        }
        else{
            i++;
            document.getElementById("images").style.backgroundImage = images[i];
        }
}
function slideShowBack(){
        if(i=0){
            i=7;
            document.getElementById("images").style.backgroundImage = images[i];
        }
        else{
            i--;
            document.getElementById("images").style.backgroundImage = images[i];
        }
}

这是我的 HTML

<body>
<div id="container">
<div id="images">
</div>
<div id="form">
<form name="buttons" action="">
    <input type="button" name="previous" value="Previous" onclick="slideShowBack()"/>
    <input type="button" name="next" value="Next" onclick="slideShowForward()"/>
</form>
</div>
</div>
</body>
4

1 回答 1

1

更改if (i = 0)为if (i == 0)。if (i = 7)应该是一样的if ( i == 7)。

于 2012-05-30T09:47:53.620 回答