jtwt.js - a simple jQuery plugin for the twitter JSON API

Usage

After you downloaded and unzipped jtwt you will need to implement the jQuery library in the <head> area of your document, like this:

<script type="text/javascript" src="js/jquery.js"></script>

Add the jtwt.js and the jtwt.css below the jQuery library:

<script type="text/javascript" src="js/jtwt.min.js"></script>
<link rel="stylesheet" href="css/jtwt.css" />

Now initialize the jtwt plugin between a $(window).load(function() { and a });.

<script type="text/javascript">
	$(window).load(function() {
		$('#twitter').jtwt({
			username : 'yourusername'
		});
	});
</script>

At last, we need to create the already declared container for our twitter widget:

<div id="twitter"></div>

Demo

Options

jtwt.js comes with a bunch of options to create the best experience for your users.

$('#twitter').jtwt({
	count : int, // The number of displayed tweets.
	username : 'yourusername', // Your username.
	image_size : int, // The size of your avatar.
	loader_text : 'loading tweets', // loading text
});