Hi there,

I'm using this great tiny plugin but there's one thing I don't know how to do : remove or destroy the plugin when set on an element.

I know a lot of jQuery plugins out there have this function available.

I looked at the code and I'm not sure of how to process.

Thanks for any help :)

How can i randomize the shuffle?
thanks

Hi there,
I love the plugin! However I'm running into this issue when testing.

The problem occurs when you either leave the Chrome browser (as in focus on another program in Windows), or when you change tabs. It seems like the script stops, then tries to catch up with itself, creating "blank" words. I'm not sure if this is a Chrome issue, or an issue with the plugin.

Here's two examples:

• First
• Second

Is there a way to fix this? Any support or leads would be greatly appreciated.

Thanks!

I noticed the 'fade' animation seems to skip every other item in the list. Not sure what's up with that.

Time!

The total execution time of the rotate function is the same as the time of the fadein fadeout functions. This can't work.
To change: the time should be divided by 2 for fade in and fade out functions.

Hi,

Nice plugin! One thing, I was wondering if it'd be possible to make it so width of the containing span gets animated when changing words rather than simply snapping to the width of the new word?

This is probably really simple to do but I have a distinct lack of JavaScript skills currently so a little help would be much appreciated!

Kind regards
Danny

Hi,

I don't get it to work in a Wordpress / Zurb Foundation environment. Any chance there might be some kind of conflict?

Both the JS and the CSS are loaded, and class name and separator are correct.

Thanks!

Hey there!
is there any way to add a linebreak [ < br > ] in one of the rotated sentences?

Best Regards
Alex Sindalovsky

Hi Pete,

Your sample code below was missing a comma in the arguments list after the separator arguments:

$(".rotate").textrotator({
animation: "dissolve", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.
separator: ",", // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field.
speed: 2000 // How many milliseconds until the next word show.
});

Some of the animations are bugged on Internet Explorer 10 (especially ones that requires rotations - refer to attached screenshot). The text is reversed when animating in.

The fade animation appears to be working fine.

Hi there,

Was just wondering if you could instruct me how to delay the start of the function. And then also stop on the last word in the string.

Many thanks!

Hi,

This is a very nice plugin. I just want to know if it is possible to keep the links on every word? The plugin removed them automatically.

My code:
<span class="rotate"><a href="#link1">Word 1</a>, <a href="#link2">Word 2</a>, <a href="#link3">Word 3</a></span>

Thanks,
Phe

What is the best way to delay the start of the text rotation?

Any plans to eventually remove the jquery dependency?

If there's absolutely no interest from others in removing the jquery dependency in this repo, no big deal. I'll just start my own repo from scratch (it's probably easier than forking too).

Hello,

I noticed that in the latest version of Chrome (Windows), the fading text overlaps.

In FireFox and IE it displays properly.

Any ideas how to correct this?

Thanks... and great job on this effect!

Took me a while to figure out why my code was skipping over every other word then I went to your demo and saw its doing the same thing, what it should be doing is going from "Simple" to "Customizable" to "Light Weight" to "Easy", and then back around but it skips, which probably isn't a big deal when you have an odd number of words, but when you have an even number you can really tell it doesn't work, also on your demo you can see it keeps going back and forth between "Simple" and "Light Weight".

Appears to only be happening when using fade...

How can I fix this?

Is there a way to not have a blank line in between sets of text?

I use this library to display a series of messages on my company's internal website and it works great except it seems to add a blank link at the end of the messages.

So for instance I four lines of text and I use the ** as the separator

line1line2line3line4

and then I "dissolve" into each of them. After the fourth one it adds a blank line for no reason.

Any idea how I can get rid of this?

Thanks so much in advance,

SCF

When is jumps from "Webshop Owner!" to Designer! It first puts a line break between Webshop and Owner and then start the rotation. This causes a strange visual effect within Chrome.

Hello, Entrepreneur!, Webshop owner!, Designer!, Consultant!

Rotator is skipping even items - only shows off - when the Fade options is selected. All other transition options perform as expected and rotate through the whole array.

You should add this to bower

Using simple text rotator over a CSS gradient background leads to clipping / artifacting.

CSS background code:

background: radial-gradient(circle, rgba(137, 191, 227, 0.6), rgba(52, 152, 219, 0.1) 80%), url(/assets/images/bg.png)

Result (note faint boxes around text):

Resizing the window, which forces a redraw of the CSS gradient resolves it, until the next piece of text rotates.

Issue also confirmed on the demo site.

Textrotator not working good in Ubuntu 13.10, while fades works flawlessly.

Google Chrome 31.0.1650.63 (Official Build 238485)

.rotate .front{ display:none; }
i think this line of code can resolve some visual bug effect like "flipCube"

Hi,

I added the links and the files but it does not work.
Anybody to help please?
Sogecop.zip

$(".rotate").textrotator({
animation: "dissolve", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.
separator: "," // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field.
speed: 2000 // How many milliseconds until the next word show.
});

Should be ( PLEASE NOTE THE CHANGE )
Wrong
separator: ","
Right
separator: ",",

$(".rotate").textrotator({
animation: "dissolve", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.
separator: ",", // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field.
speed: 2000 // How many milliseconds until the next word show.
});

Animation difference when executing is Edge or in Chrome. In Edge it is more a swirl then a flip.

Hello, Entrepreneur!, Webshop owner!, Designer!, Consultant!

Hi!
When I use the script on a span included in a div using as parallax, it doesn't work. It only work when I disable the parallax script.
I'm using this one:
https://github.com/pederan/Parallax-ImageScroll

Any chance you can help?