Morphext Versions Save

A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.

2.4.4

8 years ago

Changes since v2.3.4

On the contrary to the shift in version number, no major changes were made.

The only commit made (408b7e92886d1242d8675ca7a71c8e5634fa2b28) addresses an incompatibility issue with Internet Explorer of version < 8. It now relies on jQuery's trim() which handles the backward compatibility.

Others

As always, please do feel free to open up an issue, make a pull request or contact me if you have any questions, issues, etc. Information should be in README.md (I am also contactable on IRC at FyreChat #sandbox channel). I have also created an Ask.fm for you to leave any questions that you may have (I do not mind answering anything unrelated to this project, e.g. HTML / CSS in general).

I have also opened up an issue with the project's roadmap for the year (see #5). It is open for contributions / suggestions!

Many thanks and happy hacking!

P.S. In case you are interested... there is a similar project called "Morphist" which does the same thing as Morphext, but it is for HTML elements. Check it out and show it some love :)

2.3.4

9 years ago

Changes since v2.2.1

General

  • Moved Grunt test task to occur before minification (ebacaa86b3b7abf190ba23aa6fd68725308421b1)
  • Trimmed whitespace from phrases (087faccfd1e192a49c894cb38ac5b431bc43fe32)
  • Enabled strict mode (982a6fe33a1e132f5c77edb5d81fc108ad705bd3)
  • Modified / simplified the phrase index counter by using modulo operator (35f25bd4d110382034157fe1813f5dff058a7f3d)
  • Added demo for complete callback (936f17f93a2781d0e20b813d22c5efb2b7a3511c)
  • Changes to README.md (771ccdb9b7b13b0c5784132ebd6134e532faa380)
  • Updated to use the latest Animate.css ~3.2.5 and jQuery ~2.1.3 (6180d5dc36313581894126f512645cfe2404245c)
  • Updated and tested the dev dependencies (d981b025c02c3a8acc9784fd3905923fb2311899)

New features

  • Added a new setting complete: a callback that is executed after an item is animated in; see README and the demo file for more information on how you can use it (087faccfd1e192a49c894cb38ac5b431bc43fe32)

The addition of the complete option which accepts a function addresses the following issues: #3 and #6.

You can do things like decide when you would like to stop or restart the animation cycle (refer to the issues for more information).

Others

As always, please do feel free to open up an issue, make a pull request or contact me if you have any questions, issues, etc. Information should be in README.md (I am also contactable on IRC at FyreChat #sandbox channel).

I have also opened up an issue with the project's roadmap for the year (see #5). It is open for contributions / suggestions!

Many thanks and happy hacking!

P.S. In case you are interested... there is a similar project called "Morphist" which does the same thing as Morphext, but it is for HTML elements. Check it out and show it some love :)

v2.2.1

9 years ago

Changes since v2.0.0

General

  • Supports the latest Animate.css (v3.2.0) and jQuery (v2.1.1)
  • Removed will-change (added in v2.1.x 52920df96b288b010c29ba3f7bd907a067b72390)
  • Replaced Grunt JSHint with ESLint (7881a8b84065cafb938ba93242c9672a23a4871f)
  • Replaced text rotation via className with innerHTML (less layout thrashing 5ce41d7ae94c67b76b890be108a8f77f0005fac1)

New features

  • Added start() and stop() method (accessible via jQuery data method). Addresses #2 (976206ce37edbd1308ff45981d0d4a8606f2a562)

Usage example:

var morphext = $("#js-rotating").Morphext({
   animation: "rotateIn"
});
var data = morphext.data("plugin_Morphext");

// Start Morphext (autostarts by default)
data.start();

// Stop Morphext
data.stop();

1.1.0

10 years ago

Stable, legacy version.

2.0.0

10 years ago
  • Complete refactoring to be less destructive on the DOM.
  • Added Grunt with JSHint and Uglify.