Hey @borisdamevin,

This is just a quick update to your issue. I have added an option for an event callback (as mentioned in my previous comment) and it is named complete -- see 087facc. complete will be fired after every new phrase is introduced. The this context of complete will be that of the plugin's instance and hence, you may access its settings and methods using this.

With your scenario in mind, here are a few examples of how you may stop the animation at a certain phrase or index:

$("#js-rotating").Morphext({
    complete: function () {
        // 1. Stop if phrase index is 3
        if (this.index === 3) {
            this.stop();
        }

        // 2. Stop if phrase is "Stop here" by retrieving the current phrase through its index
        if (this.phrases[this.index] === "Stop here") {
            this.stop();
        }

        // 3. Stop at the last phrase
        if (this.index === this.phrases.length - 1) {
            this.stop();
        }
    }
});

I hope it helps!

Let me know if you have any other questions or problems.
I'll try my best to help you get it working.

Thanks!

Choosing where to stop animation #3

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions