｜ ｜ ｜ ｜

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>

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

記事作成：2010年02月24日