将按钮激活的图像滚动器制作成自动滚动器

Making a button activated image scroller into an automated scroller

本文关键字：滚动 按钮 图像 激活      更新时间：2023-09-26

我想制作一个自动图像滚动器，但它目前是按钮激活的。我目前正纠结于如何在仍然有按钮的情况下将其变成一个自动定时图像滚动器。

现场演示可以在我的网站上找到：这里。

从那里，只查看源代码将是最简单的，在jsFiddle上放太多了。

我认为我需要把一些东西放在的线上

window.setInterval(function(){navigate( ‘next’ )}, 1000);

在其中一个isAnimating = false;实例之后的main.js文件中。

不过，这似乎对我不起作用。我试过任何东西，但我不确定。为了帮助将来遇到类似或稍微类似问题的人，请回答如何对所有按钮激活的事件执行此操作的想法。

感谢

以下是我在过去中的做法

<body>
<img id=img1>
<button id="btn1">
<button id="btn2">
<script>
var timeout = setTimeout(new function() {changeImg("next");}, someTime); 
btn1.onclick = function ()
{
    changeImg("next");
    return false;
}
btn2.onclick = function ()
{
    changeImg("prev");
    return false;
}
changeImg(direction)
{
     clearTimeout(timeout)
     timeout = setTimeout(new function() {changeImg("next");}, someTime); 
     //Do Work - change img1.src
}
</script>
</body>
相关文章：