v2.1.2

Changes since v1.0.0

Overview

• Updated and tested dependencies: Animate.css ~3.2.5, jQuery ~2.1.1 (2698e1b)
• Tested with Grunt ESLint 11.0.0 and minified with Grunt Uglify ^0.9.1 (2698e1b)
• Refactored the source twice; changes to the internal API (142ae59 and 368659b)
• Resolved issues in #2 and #4

General

• Improved documentation and package meta data
• Replaced Grunt JSHint with ESLint (cb4b885)
• Moved test task to occur before minification (4f37074)
• Improved current index counter using modulo operator (368659b)
• Updated demo (index.html) to use a different CDN and animations (90ebf98 and 5f3cecb)

Fixes

• Fixed out animation class being override by the in animation class; conflict in animation class results in no transitions (#1 and #2; 0c972e4)
• Fixed browser reflow for same animation classes (f3f3105 and for Safari 81debab)
• Fixed animation end callback being fired multiple times after the first cycle (#4 and 368659b)

New features

• Introduced stop() method
• Introduced complete option which accepts a callback function and it is fired after an item is animated in
• Added class name during in animations and out animations; mis-in and mis-out respectively (368659b)

Using stop()

var morphist = $("#js-rotating").Morphist({
    animateIn: 'rotateIn',
    animateOut: 'rotateOut'
});
var data = morphist.data("plugin_Morphist");

// Start Morphist (autostarts by default)
data.loop();

// Stop Morphist
data.stop();

Acknowledgements

A huge thank you to @Netherland and @procmail for their contributions to this project 👍