我想制作一个自动图像滚动条,但它当前是按钮激活的。我目前仍然坚持如何使它成为一个自动定时图像滚动器,同时仍然有按钮。
现场演示可在我的网站上找到:here。
从那里开始查看源代码是最容易的,对jsFiddle来说有点太多了。
我相信我需要提出以下几点:
window.setInterval(function(){navigate( ‘next’ )}, 1000);
main.js
个实例之后的isAnimating = false;
文件中。
虽然,这似乎对我不起作用。我几乎尝试过任何事情,但我不确定。为了帮助将来会遇到类似或稍微类似问题的人,请回答有关如何对所有按钮激活事件执行此操作的想法。
谢谢
答案 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>