2014-10-10 79 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