플립 보드와 같은 이미지 애니메이션이 자동으로

Question

시도했습니다 jquery flip plugin했습니다. 마우스 클릭시 뒤집을 수 있습니다.

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

그러나 자동 플립 실패 :

내 코드는 내가 좋아하는 시간의 특정 간격으로 같은 전화를 시도

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

입니다. 어떤 생각을 어떻게 구현할 수 있습니까? 는 여기 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);