i need use slider revolution animate content when slider scrolled view. have working solution - http://www.themepunch.com/faq/start-animations-when-slider-scrolls-into-view/ has 1 serious bug.
when user seen slider start animate again when user scrolling again.
i want make slide not re-animate when user scroll after seen it.
clarification: user scrolls down slide - slide start animate - (super!) - user go down end of page - go - , slider start animate beginning (bad (for me)). want make slider stop after played animation first time.
update relevant code:
var win, slider, sliderheight, sliderpaused = true, winheight, // change "revapi6" part here whatever "revapi" name slider uses slider = revapi6.on('revolution.slide.onloaded', function() { win = jquery(window).on('scroll', checkscroll).on('resize', sizer); sizer(); }); function sizer() { sliderheight = slider.height(); winheight = win.height(); checkscroll(); } function checkscroll() { var scrtop = win.scrolltop(), offset = slider.offset().top; if(offset <= scrtop + winheight && offset + sliderheight >= scrtop) { if(sliderpaused) slider.revshowslide(2); sliderpaused = false; } else { if(!sliderpaused) slider.revshowslide(1); sliderpaused = true; } } it's in "custom javascript" block in slider settings. here - http://www.themepunch.com/faq/start-animations-when-slider-scrolls-into-view/. site - uhhu.net
resolve. maybe it's not best way, works , don't know better
comment part
/*else { if(!sliderpaused) slider.revshowslide(1); sliderpaused = true; }*/
Comments
Post a Comment