I have another Javascript text fader issue (automatic, not mouseover-triggered)

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I am trying to implement a text-fader in order to automatically cycle through a series of texts, one by one, fading one out before the new one fades in. You can view my current attempt at http://www.kylegullings.com/tryout3.php

The above page tries to implement a Javascript found on the following page:

Since I can't upload the external .js file to my Yola directory, I uploaded it to:

I had also tried a number of other Javascripts, such as the one found here:

...but to no avail. I'm just not sure how to implement these in the context of a Yola template! Any help, anyone? Any basic text-fader will do.

The faders found under "Fading Elements" at the following link (thank you, Littleus)...
...are triggered by a mouse-over rather than automatically. Any chance these could be modified to solve my problem?
Photo of Kyle


  • 8 Posts
  • 1 Reply Like
  • newbie-licious

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Kyle

Here's one I found that may suit your purposes. It's from Dynamic Drive and it's not complicated to set up at all and will work with Yola.


Please let me know this isn't quite what you're looking for. Perhaps others may be able to chime in with their suggestions as well.
Photo of Kyle


  • 8 Posts
  • 1 Reply Like
Thank you so much! I was having such a hard time finding a code that didn't split its components into "head" and "body" elements.

Now you can see the code in action on my homepage.

What I really wanted was for the text to fade in, wait for 2-3 seconds, then fade out before the next one starts... but this slightly modified version does the trick, at least for someone who knows nothing about Javascript! :)

Thanks again.