ShuffleText

A jquery plugin to print text/html with a "smart" shuffle transition

demo: http://www.nyl.graphics/shuffletext/demo/

Installation

By Downloading files:

<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="   crossorigin="anonymous"></script>
<script src="js/shuffletext/js/shuffletext.js"></script>

Examples

Basic usage

$('#text').ShuffleText([
	'First Text',
	'Second Text',
	'...'
]);

Infinite loop

$('#text').ShuffleText([
	'First Text',
	'Second Text',
	'...'
], {loop: true});

Infinite loop with a custom delay between each text

$('#text').ShuffleText([
	'First Text',
	'Second Text',
	'...'
], {loop: true, delay: '5000'});

Options

loop

Default : false
If false, the plugin will stop at the last text
If true, it never stop and restart the array once ended

iterations

Default: 50
The number of random iterations used per letter for the cursor effect

delay

Default: 3000
The delay in milliseconds between each text

shuffleSpeed

Default: 0
The delay in milliseconds between each random letters during the shuffle effect

step

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