javascript - 幻灯片修复和计时器

Question

所以我发现了如何从 w3Schools 创建幻灯片。幻灯片目前是手动的，这意味着用户必须单击才能切换到另一张幻灯片。

我想制作它以便用户可以手动单击或等待计时器。每隔 5 秒，幻灯片就会换一张幻灯片。

我还需要解决 JsFiddle 上未显示的问题。 当页面加载时，幻灯片中的所有 3 张图像都被加载，当用户单击箭头以更改幻灯片时，他们返回到只显示加载时应该显示的图像。我不确定为什么会发生这种情况，但我无法修复它。

因此以下内容将在页面加载时加载

<img src="images/home/(myimagehere).png>
<img src="images/home/(myimagehere2).png>
<img src="images/home/(myimagehere3).png>

不仅仅是一个，点击箭头后只显示一个，它本质上是 self 修复。

我也对其他幻灯片放映方法持开放态度，这只是我发现的一种有点管用的方法。

https://jsfiddle.net/a4zxrLem/

重要提示:在 JsFiddle 示例中，箭头不会改变图像，但它们确实有效。

Answer 1

将此添加到您的代码中:

setInterval(function(){
   plusSlides(1);
}, 5000);//for 5 seconds

这是 fiddle :https://jsfiddle.net/gerardofurtado/a4zxrLem/2/

您的第二个问题更简单:要使 fiddle 起作用，请在单击“javascript”时显示的菜单上选择“加载类型:无包裹”。