Changing rotation speed for last few phrases about morphext HOT 11 OPEN

Hey @smfoster3, by speed are you referring to the delay between each phrase?

from morphext.

Yes. Right now I have these settings:

$("#js-rotating").Morphext({ animation: "fadeIn", speed: 300,

What I would like to do is have the 'speed:' setting changed to, say, 600, for certain phrases. Let's say I have 20 phrases. I want the first 16 to rotate at 300, then the last 4 to rotate at 600. I attempted to do this with a similar settings to #12 in 'complete' but was unsuccessful.

from morphext.

Ah I see, yea I was going to recommend using complete. Can I have a look at your code / attempt?

from morphext.

Sure. I had tried something like this along with some other iterations to no avail:

`$("#js-rotating").Morphext({
animation: "rotateIn",
speed: 1000,
complete: function () {
if (this.index === 3) {
this.settings.speed = 2000;
}

}
});
`

Also important, I noticed that the settings do not reset after the phrases finish. So when I'm successful at altering animation, it will stay on that animation on the next run through the phrases.

Ultimately what I'm looking to do is have the phrases speed be quick for x number of phrases, and slower for y number of phrases, then reset when the animation runs through again.

Let me know if I'm not being clear. I greatly appreciate your help!

from morphext.

I believe you are on the right track.

Have you tried something like this:

$("#js-rotating").Morphext({
    animation: "rotateIn",
    speed: 500,
    complete: function () {
        if (this.index > (this.phrases.length - 5)) {
            this.settings.speed = 2000;
        } else {
            this.settings.speed = 500;
        }
    }
});

Assuming you have 20 phrases (going back to your original post), we will use a speed of 2000 for anything after 15, and 500 for everything else.

Let me know if that helps.

from morphext.

No that isn't working unfortunately. I believe I tried that at one point as well without success. Interestingly the this.settings.animation works just fine, as you can see in this demo.

To get that I have:

$("#js-rotating").Morphext({ animation: "fadeIn", speed: 500, complete: function () { if (this.index > (this.phrases.length - 4)) { this.settings.speed = 2000; this.settings.animation = "rotateIn"; } else { this.settings.speed = 500; this.settings.animation = "fadeIn" } } });

Still no change in speed though. I've been trying many things over the last few days and just can't seem to get it.

from morphext.

Did any of you get this working? I have the same problem.

from morphext.

I have not found a working solution yet no.

from morphext.

Good night, im stuck on an animation, the thing is , i have three lines paragraph, and they transalte in the animation from english to spanish, and the client wants, the english paragraph stays in english 15 seconds, and 4 seconds in spanish, and keep doing it in a loop, i only had achieved to change three times but then the animation stops. Can anyone help me? thanks

from morphext.

Apologies for the delay, I'll get back to this ASAP.

from morphext.

Changing the settings.speed doesn't seem to work on complete... any ideas?

from morphext.