Text animation on Carousel slides

[JayNicks]

I have a carousel at the top of a webpage i'm building. It's full width with "responsive carousel" checked.

I'm using the animation - effect fade so the slides have a nice fade transition between them. I added some text to the first slide of the carousel that fades in and up from the bottom (of the slide) after about 2 secs or so. However, I can't figure out for the life of me how to get that text to fade out and up as the carousel switches to the next slide by either clicking the slide arrow or it switching automatically after the slide duration is complete.

How is this done?

[Pablo]

Maybe this template will be helpful?
https://www.wysiwygwebbuilder.com/suppo ... shion.html

This demonstrates how to start and stop animations using events.

[BaconFries]

Perhaps the following tutorial will also be of help to you. Using the Carousel to create an animated slideshow.

[JayNicks]

I know to get the text to animate ("fade in" in my case) on a carousel slide, but what I don't know is how to get the text to fade out as the carousel slide changes to the next slide.

There is an example of what I'm trying to do on a paid WYSIWYG Web Builder template site but I wasn't sure if i was allowed to link to it here.

I have been poouring over WYSIWYG Web Builder for days now trying educate myself on how to use it. So much so i fell asleep at the monitor. I really want to get proficient.

[Pablo]

Did you check out the links we gave you? These are about animating the text.

[JayNicks]

Yes i did, but they only show the text animating "fading in" as the slide come into view. What they don't show is how to animate the text fading out as the slide changes to the next one.

I know how to animate things...the fades in, outs, ups, downs etc. Thats not the issue. What I don't know how to do is trigger the animation (a fade out for example) to coincide with the slide changing to the next one.

Actually I just downloaded a template from the templates section that I hadn't noticed before called "Future City" that I believe does what I'm trying to do. It look like a fairly complex operation but i think i can do it.

[Pablo]

There is no dedicated event to start a fade out of the text before the slide will be hidden. but what you can do is start a timer when the slide becomes active and make the timeout a little bit shorter then the pause time of the slides.