2014-04-19 47 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

相關問題