• 0

How can I transition Text?


Question

Hi everyone. I am working on a little website for myself and I wanted to transition a little bit of text through several different preset blocks of text at a set interval and I haven't been able to figure this out. So I figured I would post here and see if anyone knows how I can do this.

I am assuming I would need to do this through Javascript, but I wasn't sure. A lot of colleagues use old browsers so I can't really use html5 just yet.

Basically, I have the following text as an example and I want to change it every 10s or so.

"Polite and helpful"

"Available for your project"

"Reliable"

etc.

I'll probably have like 5 or 6 when I'm done.

Does anyone happen to know how this could be done? No matter what I search for online for this particular thing I get results for changing font color and stuff, not changing the actual text.

Thanks. :)

Link to comment
https://www.neowin.net/forum/topic/1152594-how-can-i-transition-text/
Share on other sites

5 answers to this question

Recommended Posts

  • 0

I believe this will work, just put your different phrases in li's or div's, whichever it works with.. it's fairly straight forward:

http://jquery.malsup.com/cycle/

Although I'd wait to see if anyone else comments, I think what you're wanting can be done in literally a few short lines of JS

  • 0

I believe this will work, just put your different phrases in li's or div's, whichever it works with.. it's fairly straight forward:

http://jquery.malsup.com/cycle/

Although I'd wait to see if anyone else comments, I think what you're wanting can be done in literally a few short lines of JS

Agree. Cycle should work fine for this.

  • 0

Thank you everyone. I will take a look at that. :) I was having a very hard time with this because all of the solutions that I found were for images but I couldn't find something that worked with text.

I really appreciate the help.

And @the better twin: Really nice site. :)

  • 0

Thank you everyone. I will take a look at that. :) I was having a very hard time with this because all of the solutions that I found were for images but I couldn't find something that worked with text.

I really appreciate the help.

And @the better twin: Really nice site. :)

Thanks its still a wip but slowly getting there.

Most of the solutions for image scrolling should work for text scrolling too as a lot of them scroll the content in div's or list items so you can put pretty much anything in there. That's what the testimonials on my site is like. its an image scroller without any images.

This topic is now closed to further replies.
  • Posts

    • Qualcomm's new Snapdragon Reality Elite chip brings on-device AI to Android XR devices by Pradeep Viswanathan Qualcomm has been delivering dedicated SoCs for mixed reality and spatial computing devices for several years. The journey started with the Snapdragon XR1, followed by the Snapdragon XR2 in 2019, the Snapdragon XR2 Gen 2 in September 2023, and finally the Snapdragon XR2+ Gen 2 in 2024. Today, Qualcomm announced a major upgrade with the new Snapdragon Reality Elite Platform, which targets premium mixed reality and spatial computing devices. OEMs can use this SoC to power both all-in-one video-see-through headsets and lightweight, tethered optical-see-through glasses. Qualcomm highlighted that the Snapdragon Reality Elite will power the next wave of Android XR devices coming later this year. These wearables will offer better visuals, improved power efficiency, and deeper on-device AI integration compared to the previous generation. The Snapdragon Reality Elite can deliver up to 48 TOPS of AI performance, allowing large language models and large vision models to run directly on the device for the first time. In addition to enabling new spatial AI experiences, these new AI capabilities will improve head and hand tracking, as well as see-through features. On the performance side, the Snapdragon Reality Elite offers up to 60% higher GPU performance, up to 30% higher CPU performance, and up to 160% higher NPU performance compared to the previous generation. The platform supports visuals of up to 4.4K per eye at 90 frames per second for sharper images and smoother motion. Qualcomm is also claiming significant efficiency improvements. The Snapdragon Reality Elite can offer up to 20% longer battery life under the same workload. More importantly, the chipset can run up to 12 degrees Celsius cooler under load, making headsets more comfortable for users to wear for longer periods. The platform also includes improvements to video see-through, featuring lower latency and better image quality. Qualcomm states that its EVA hardware block helps accelerate demanding computer vision workloads, improving how digital content blends with the real world.
    • Umm... GitHub continues to use AWS. That's the story, that's the headline. There's no "new" news here. GitHub continues to require additional capacity beyond the originally-planned Azure allocations. There's nothing special about this; nothing noteworthy. They're still using AWS' infra until the cutover is complete.
    • Hello, Also known for https://www.theguardian.com/technology/2009/jan/29/adware-internet.   Regards, Aryeh Goretsky    
    • Hello, I have used a few TEAM Group SSDs, USB flash drives, and Micro SDXC cards in the past. They all seemed to work fine. Regards, Aryeh Goretsky
    • "just $100 per TB"? Just? Are we trying to make this seem like the new normal? Kinda weird to make it sound like that is not a ridiculously expensive asking price.
  • Recent Achievements

    • Collaborator
      vjlex earned a badge
      Collaborator
    • Reacting Well
      Dys Topia earned a badge
      Reacting Well
    • Conversation Starter
      NovaEdgeX earned a badge
      Conversation Starter
    • One Year In
      Console General earned a badge
      One Year In
    • Week One Done
      Twozo Technologies earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      517
    2. 2
      +Edouard
      182
    3. 3
      PsYcHoKiLLa
      106
    4. 4
      Steven P.
      88
    5. 5
      ATLien_0
      68
  • Tell a friend

    Love Neowin? Tell a friend!