How to start the animation of slider revolution only AFTER it is visible

Hi,

I have some pages on my website which have 3 sliders (rev slider) under each other. They all have animations. But only the first animation is visible. If I scroll down to the next slider, the animation is already done.

What can I do that the second (and third and so on) slider starts animating when it becomes visible (after scrolling)?

And one slider starts automatic with a movie. It is not possible to add a movie to the slider without a 'poster’image. But now when the slider starts, you side the poster-image (for a second) and then the movie/video starts.
I want the video to start immediately.
And is it possible to give some controls to that video? Like pause or stop and turn of sound?

Thanks a lot for the solutions and answers :slight_smile:

Hey guys,

I found the anwser on https://www.themepunch.com/revslider-doc/general-settings/

Thanks anyway :slight_smile:

Stop Slider out of Viewport

Stop slider when the page is scrolled and the slider is no longer visible.
Out of Viewport:
Wait:
Only start the slider when its scrolled into view (useful for sliders further down the page).
Pause:
Pause the slider when its scrolled out of view.
Area out of Viewport:
A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.

1 Like

SORRY…
One part of my problem still is unsolved.
Can you help please? I can’t find anything about it on ThemePunch…

Hi there,

Let me answer them :slight_smile:

I have some pages on my website which have 3 sliders (rev slider) under each other. They all have animations. But only the first animation is visible. If I scroll down to the next slide, the animation is already done.

Is this layer animation or slider animation? They are both different setups, but I checked your slider and under general settings (while editing the slide and not the slider settings), your slide delay is set to 0, that means there is no delay. If you leave it blank it will then follow the delay added in slider’s default setting. But it’s set to 0, which means it’s already finished before it can even start.

About the layers, their delays are set to 0 as well, please check this screenshot

And one slider starts automatically with a movie. It is not possible to add a movie to the slider without a 'poster’image. But now when the slider starts, you side the poster-image (for a second) and then the movie/video starts.
I want the video to start immediately.
And is it possible to give some controls to that video? Like pause or stop and turn of sound?

What slider is this? You should add your video as a video layer, controls, autoplay and other options should be available on that layer’s option. Just navigate its options and you’ll see :slight_smile:

Thanks!

Hi,
I’m sorry. The slider is on the WAT page below under the picture Retail Marketing :wink:
I have 2 possibilities: add the video as background HTML5 or as Videolayer.
I tried both. But I can’t see any tools like stop or play.
Found a way to kill the sound for 50% which is nice.

And I have a button what needs to be visible after 18 seconds… How do I do that… It now comes at 7 sec. and I cannot get it later in the timeline or do I need to chenage the layer timeline to 20 seconds?

Thank you again for your help.

I solved it by just using it in a section and not as a Rev. Slider. Was not neccesary. Thanks for helping with this issue.

You’re welcome. Glad you’ve sorted it out.