自動圖像動畫像flipboard

Question

我試過jquery flip plugin。我可以在點擊鼠標時做翻轉。

我的代碼是

$("#flipRoot").flip({ 
     effect:"flip", 
     forwardDir: "ttob", 
     height: "300px", 
     showpager: true, 
     loop: true}); 

我試着撥打喜歡特定的時間間隔相同：

window.setInterval(function() { 
$("#flipRoot").flip({ 
     effect:"flip", 
     forwardDir: "ttob", 
     height: "300px", 
     showpager: true, 
     loop: true}); 
}, 7200); 

但自動翻轉失敗。任何想法如何實現這個？ 這裏是jquery fiddle

Answer 1

你應該已經在github檢查演示頁，這是筆者使用的代碼：

DEMO

// a kind of autostart 
var timer = 2000; 
var autostart = function() { 
    var $flipRoot = $("#flipRoot"); 
    var pageCount = $flipRoot.children(".flipContent").length; 
    var flipObject = $.data($flipRoot[0], 'plugin_flip'); 
    var pageIdx = 0; 

    return flip = function() { 
     flipObject.flipNext(); 
     pageIdx++; 
     if (pageIdx == pageCount) { 
      pageIdx = 0; 
     } 

     setTimeout(flip, timer); 
    } 
} 

setTimeout(autostart(), timer);