2014-10-10 6 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"); 
}); 

апи для слайдера, я использую надеюсь, что это может помочь

это, как я работает анимация я хочу анимации для запуска на каждом слайде

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

    }); 

ответ

1

Итак, наконец, я в состоянии решить мою проблему здесь, как я перезагрузил анимацию после каждого слайда

вар scrollbottom = jQu чень ('# scrollBottom');

revapi2.bind ("revolution.slide.onbeforeswap", функция (е) {. scrollbottom.removeClass ('bounceanimate') ширина();

});

revapi2.bind ("revolution.slide.onafterswap", функция (е) { scrollbottom.addClass ('bounceanimate');

});

и здесь хорошо читать с CSS трюков restart css animation

Смежные вопросы