jquery - Animate a div as slide changes -

jquery - Animate a div as slide changes -

i'm trying create ones nowadays in first site [site-1][1] , [site-2][2]. thing want is, div should animate every time slides on site i'm working on

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 index of li container in slider //data.slide 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 @ end"); });

api slider i'm using hope might help

this how i'm running animation want animation run on each slide

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

so i'm able solve problem here how restarted animation after every slide

var scrollbottom= jquery('#scrollbottom');

revapi2.bind("revolution.slide.onbeforeswap",function (e) { scrollbottom.removeclass('bounceanimate').width();

});

revapi2.bind("revolution.slide.onafterswap",function (e) { scrollbottom.addclass('bounceanimate');

});

and here read css tricks restart css animation

jquery wordpress