使按钮激活图像滚动器成为自动滚动条

时间:2014-04-19 00:21:52

标签: javascript html css

我想制作一个自动图像滚动条,但它当前是按钮激活的。我目前仍然坚持如何使它成为一个自动定时图像滚动器,同时仍然有按钮。

现场演示可在我的网站上找到:here

从那里开始查看源代码是最容易的,对jsFiddle来说有点太多了。

我相信我需要提出以下几点:

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

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

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

谢谢

1 个答案:

答案 0 :(得分:0)

这是我过去如何做到的

<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>