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:
http://www.dynamicdrive.com/dynamicin...

Since I can't upload the external .js file to my Yola directory, I uploaded it to:
http://www.myotherdrive.com/dyn/file/...

I had also tried a number of other Javascripts, such as the one found here:
http://www.greywyvern.com/code/javasc...

...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)...
http://forum.yola.com/yola/topics/mak...
...are triggered by a mouse-over rather than automatically. Any chance these could be modified to solve my problem?
Photo of Kyle

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.

http://www.dynamicdrive.com/dynamicin...

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

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.
http://www.kylegullings.com

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.