Skip to content

v2.1.2

Latest
Compare
Choose a tag to compare
@MrSaints MrSaints released this 14 Apr 11:40
· 4 commits to master since this release

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 👍