Question

我正在尝试制作一个带有前进和后退按钮的javascript幻灯片。我只需要8个图像，我可以点击一个按钮，然后转到下一张图片或上一张图片。但是，我的代码不起作用，我无法弄清楚原因。我认为这是一个简单的修复，但它已经很晚了，而且我已经尝试了一切。当我说它不起作用时，我指的是浏览器要么返回一个错误，说“无法解析background-image”（仅当我删除if / then语句并且只运行else部分时才会发生，而不是{{ 1}}在前面）或它只是崩溃，可能是由于无限循环当我尝试使用if / then语句运行它。这是一个jsfiddle链接：http://jsfiddle.net/AZchy/。谢谢你的帮助！

这是我的javascript：

else

这是我的HTML

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];
        }
}

Answer 1

将if (i = 0)更改为if (i == 0)。 if (i = 7)的相同内容应为if ( i == 7)。

使用导航按钮进行基本Javascript幻灯片放映时出错

1 个答案: