2014-10-10 86 views
1

我試圖創建類似於第一個網站[site-1] [1]和[site-2] [2]中存在的內容。現在我想的事情是,格應每隔動畫在網站上的幻燈片我正在爲幻燈片更改創建div

revapi2.bind("revolution.slide.onloaded",function (e) { 
    //alert("slider loaded"); 
}); 

revapi2.bind("revolution.slide.onchange",function (e,data) { 
    //alert("slide changed to: "+data.slideIndex); 
    //data.slideIndex is the index of the li container in this Slider 
    //data.slide is the current slide jQuery object (the li element)  
}); 

revapi2.bind("revolution.slide.onpause",function (e,data) { 
    //alert("timer paused"); 
}); 

revapi2.bind("revolution.slide.onresume",function (e,data) { 
    //alert("timer resume"); 
}); 

revapi2.bind("revolution.slide.onvideoplay",function (e,data) { 
    //alert("video play"); 
}); 

revapi2.bind("revolution.slide.onvideostop",function (e,data) { 
    //alert("video stopped"); 
}); 

revapi2.bind("revolution.slide.onstop",function (e,data) { 
    //alert("slider stopped"); 
}); 

revapi2.bind("revolution.slide.onbeforeswap",function (e) { 
    //alert("before swap"); 
}); 

revapi2.bind("revolution.slide.onafterswap",function (e) { 
    //alert("after swap"); 
}); 

revapi2.bind("revolution.slide.slideatend",function (e) { 
    //alert("slide at end"); 
}); 

API,用於滑塊我使用希望時間可能會有所幫助

這是我如何正在運行的動畫我希望動畫每張幻燈片

revapi2.bind("revolution.slide.onloaded",function (e) { 
     jQuery('#scrollBottom').css('-webkit-animation','bounce 1s 2'); 

    }); 

回答

1

所以最後我能在這裏解決我的問題,我如何重新啓動每張幻燈片動畫後

VAR scrollbottom = jQu運行ERY( '#scrollBottom');

revapi2.bind( 「revolution.slide.onbeforeswap」,函數(E){。 scrollbottom.removeClass( 'bounceanimate')寬度();

});

revapi2.bind( 「revolution.slide.onafterswap」,函數(E){ scrollbottom.addClass( 'bounceanimate');

});

這裏是從css技巧讀取的 restart css animation