Question

所以我正在尝试制作幻灯片，用户可以在旁边点击浏览图片。我为图像创建了一个数组：

var staff = new Array();
staff[0] = "/images/Isabelle.png";
staff[1] = "/images/Nook.png";
staff[2] = "/images/Timothy_Tommy.png";
staff[3] = "/images/Mabel.png";
staff[4] = "/images/Sable.png";
staff[5] = "/images/Labelle.png";

用于更改图像的功能：

var i = 1;
function nextImage(){
    document.getElementById("slide").src = staff[i];
    if(i < staff.length)
        i++;
    else i = 0; //wraps around to first image
}

addEventListener函数调用我添加到registerHandlers函数中，我使用onload初始化：

document.getElementById("next").addEventListener("click",nextImage,false);

图像和“下一步”按钮放在体内的div中：

<div class="container">
    <img id ="slide" src="images/Isabelle.png" />
</div>
<div id="next">
    <button type="button">Next</button>
</div>

我已经尝试查找解决方案和示例代码，但我似乎无法完成这项工作

Answer 1

尝试将事件处理程序添加为DHTML，因此您不必等待它加载元素，以防出现问题：

<button type="button" onclick="nextImage();">Next</button>

JavaScript AddEventListener不起作用

1 个答案: