jQueryで誰がRetweetしたかアイコンでわかる「who-tweet-button」

Retweet数がわかるTweetMemeを利用しているサイトが多く見られます。
今回はRetweetしたユーザーのサムネイルを表示するwho-tweet-button - Project Hosting on Google Codeを紹介します。

使用方法

who-tweet-button - Project Hosting on Google Codeからファイルを、jQueryからjquery.jsをダウンロードします。


<link rel="stylesheet" href="/test/css/who-tweet-button-1.0.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.who-tweet-button-1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#id名').whoTweet({
		nick:'skuare', //TwitterID
		url:'http://www.skuare.net/', //記述がない場合は当該ページ
		n:20, //アイコン画像数　max50
		inf_only:1, //1にすると影響力の高い人のみを表示
		inf_tip:1, //影響力を表示
		tweet_tip:1, //tweetを表示
		animate:'height' //表示時の動き（'opacity', 'height', 'width'）
	});
});
</script>

あとは上記で指定したid名を記述すれば完成です。
<div id="id名">loading..</div>

サンプル

Javascriptサンプルページ一覧

skuare.net