2012-09-29 39 views
0

我一直在尋找一個圖像旋轉木馬,一次顯示幾個圖像,是響應和循環無限。如何修改Elastislide(傳送帶),使其無限循環

Elastislide似乎是最合適的(http://tympanus.net/Development/Elastislide/index2.html)。

我唯一能找到的其他實用選擇是John Nikolakis的液體旋轉木馬,看起來有點老舊,不那麼優雅。

我希望它自動播放,當它到達最後一張圖片時,它會移動到第一張圖片,然後無限循環播放。

任何幫助或建議將不勝感激,迄今爲止花了很多小時,但無法解決問題。

回答

0

我發現自動play..its有點棘手

<script type="text/javascript"> 
$(function(){ 
    infiniteLoop(1000) // do it in the beginning 
    timeout_clear() 
    $('#LoopyButton').click(function(){ 
     infiniteLoop(1000) 
     // do it when clicking on loopy button 
    }) 
}) 


function infiniteLoop(time){ 
function f(){ 
    $('.rg-image-nav-next').click() // click the next button 
    timer=setTimeout(f,time) 
} 
f() 
$('#startButton').click(function(){   
    timeout_clear() 
}) 

}

function timeout_clear() { 
$(window).one('click',function(){ 
clearTimeout(timer); 
}) 

}

的解決方案