2014-04-19 45 views
0

我想制作一个自动图像滚动,但它是当前按钮激活。我目前坚持如何将它制作成自动定时图像滚动器,同时还有按钮。制作一个按钮激活图像滚动到一个自动滚动

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

从那里看最简单的源代码,放在jsFiddle上有点太过分了。

我相信,我需要把东西线沿线的:

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

main.js文件

isAnimating = false;实例之一后。

虽然,这似乎并没有为我工作。我曾尝试过任何事情,但我不确定。为了帮助将来看到类似或类似问题的人们,请回答关于如何对所有按钮激活事件执行此操作的想法。

谢谢

回答

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

由于做到了,但在关系到我的代码,哪里会这样来实现,以及如何? –

+0

它将被放置在您尝试实现该效果的页面的jscript中 - 它不会放在单独的代码文件中 – DarkNinja955

+0

我只是将代码放入页面的上下文中 – DarkNinja955

相关问题