Simple slider - animate text layer together with slider background
Hi,
I would like to create a simple classic slider with a single background image and single text line on top of it. When advancing to the next slide there should be a horizontal slide animation where both background image and text move together. The text should always stay on the same position relative to the slide (image). The animation is done for the whole slide so the slide moves left / right depending where the user clicks next / previous arrow.
It should look like this: http://unslider.com/#demos (Infinite slider)
So far I have created:
I would like to create a simple classic slider with a single background image and single text line on top of it. When advancing to the next slide there should be a horizontal slide animation where both background image and text move together. The text should always stay on the same position relative to the slide (image). The animation is done for the whole slide so the slide moves left / right depending where the user clicks next / previous arrow.
It should look like this: http://unslider.com/#demos (Infinite slider)
So far I have created:
- Slider animation: Slider settings -> General settings ->
Defaults -> Transitions: Slide Horizontal (next / previous) - Image: Slide -> Main Background -> image
- Text Layer with Animation set to: No-Animation
The background image moves as I wanted, but the text layer doesn't move with it. It just stays in the place when the background moves under it.
How can I clip (lock) the text layer together with the background image so they move together as seen in the example?
Comments
we can see what you mean but we did never needed anything similar and to be honest, we are not sure if this could be even achieved. Please send us link to page where you did above and we will see if there is anything we can do to help you.
Thanks!
By the way if you know how to do this with LayerSliderWP it is possible to use that or even another slider plugin. I don't dwell on Revolution Slider.