Question

我在网站上尝试了各种解决方案，但我怀疑我在文档中实现实际图像时做错了什么。在此先感谢您的帮助！

这是我目前的代码：

<html>
<body>

<link type="text/css" rel="stylesheet" href="Stylesheet.css"/>


<img id="teemoimage" src="exampleurl">


<script>
    var leagueofteemo=new Array()
    var counter = 1
    leagueofteemo[1]="exampleurl"
    leageuofteemo[2]="exampleurl"

    function back()
    {
    if (counter = 1)
        {
    counter = leagueofteemo.length;
    }
        else
        {
    counter--;
    }
        document.getElementById("teemoimage").src =leagueofteemo[counter]
    }

    function foward()
    {
        if (counter = leageofteemo.length)
        {
    counter = 1;
    }
        else
        {
    counter++;
    }
        document.getElementById("teemoimage").src = leageuofteemo[counter];
}
</script>

<form>
    <input type="button" onclick="back()" value="Back">
    <input type="button" onclick="foward()" value="Foward">
</form>

Answer 1

您的代码存在一些问题。

您的相等运算符不正确，
js数组基于0。所以首先在0开始你的数组。
在某些情况下，leagueofteemo变量拼写错误

我建议您使用某种工具来帮助您调试JavaScript，例如萤火虫。或者，您可以使用目前大多数浏览器标配的开发人员工具。

我已将您的示例修改为语法和语义正确但尚未对其进行测试：

var leagueofteemo = new Array();
var counter = 0;
leagueofteemo[0] = "exampleurl";
leageuofteemo[1] = "exampleurl";

function back() {
    if (counter === 0) {
        counter = leagueofteemo.length;
    }
    else {
        counter--;
    }

    document.getElementById("teemoimage").src = leagueofteemo[counter];
}

function foward() {
    if (counter === leagueofteemo.length-1) {
        counter = 0;
    }
    else {
        counter++;
    }

    document.getElementById("teemoimage").src = leagueofteemo[counter];
}

创建JavaScript库：更改实际图像

1 个答案: