A jQuery plug-in which transitions through blurbs of text, animating each character
Switch branches/tags
Nothing to show
Pull request Compare This branch is 27 commits behind krisk:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
readme.md
test.html
textualizer.js

readme.md

Textualizer is a jQuery plug-in that allows you to transition through blurbs of text. When transitioning to a new blurb, any character that is common to the next blurb is kept on the screen, and moved to its new position.

See it in action: http://krisk.github.com/textualizer/

Usage

Example 1 - Simple usage

var list = ['This should provide'
	, 'A lovely rendering experience'
	, 'Try me out!'];

var txtlizer = $('#container');
txtlizer.textualizer(list);
txtlizer.textualizer('start');	

Example 2 - Change options

var list = ['This should provide'
	, 'A lovely rendering experience'
	, 'Try me out!'];

var txtlizer = $('#container');
txtlizer.textualizer(list, {
	effect: 'fadeIn'
	interval: 4000
});
txtlizer.textualizer('start');	

Example 3 - Initialize with data, and then change the data

var list = ['This should provide'
	, 'A lovely rendering experience' 
	, 'Try me out!'];

var txtlizer = $('#container');
txtlizer.textualizer(list);
txtlizer.textualizer('start');

list = ['A whole', 'new list'];
txtlizer.textualizer('data', list);
txtlizer.textualizer('start');