Lightweight Text Rotator Plugin With Shuffle Animations - ShuffleText

File Size: 6.09 KB
Views Total: 2680
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight Text Rotator Plugin With Shuffle Animations - ShuffleText

ShuffleText is an extremely lightweight jQuery text rotator plugin which rotates through an array of text with a random letter shuffle effect.

How to use it:

1. Include the jQuery shuffleText plugin after you have jQuery library included.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="shuffletext.jquery.min.js"></script>

2. Create an empty DIV element for the text rotator.

<div class="demo"></div>

3. Call the function on the DIV element and specify an array of text you wish to rotate through.

$('.demo').ShuffleText([
  'Hello world !',
  "I Love jQuery",
  "I Love <strong>jQuery ShuffleText</strong> !"
]);

4. Apply the following options to the text rotator.

$('.demo').ShuffleText([
  'Hello world !',
  "I Love jQuery",
  "I Love <strong>jQuery ShuffleText</strong> !"
  ],{

  // infinite loop
  loop: true,

  // The number of random iterations used per letter
  iterations: 50,

  // The delay in milliseconds between each text
  delay: 3000,

  // The delay in milliseconds between each random letters during the shuffle effect
  shuffleSpeed: 0,

  // A callback function trigered each time a text is rendered
  step: function(){}

});

This awesome jQuery plugin is developed by Nyl000. For more Advanced Usages, please check the demo page or visit the official website.