さっきTumblrの写真をだら見できるの作ったので、 今度はTwitPic(ただし日本人がうpしたものに限る)でやってみました。 こちらもJSオンリーで、TwitterのオフィシャルのAPIを使ってます。 jQueryのtooltip plugin利用していますが、JSの部分はこれだけでできちゃいますお。
var url; $(document).ready(function(){ url = "http://search.twitter.com/search.json?q=twitpic&locale=ja&callback=?"; loadTwitter(); setInterval(loadTwitter, 4000); }); function loadTwitter(){ $.getJSON(url, function(data) { if( data.results.length ){ var sinceID = data.results[0]['id']; url = "http://search.twitter.com/search.json?q=twitpic&locale=ja&since_id=" + sinceID + "&callback=?"; $.each(data.results,function(){ if( this.text.match(/http:\/\/twitpic.com\/(\w+)/) ){ var photoURL = "http://twitpic.com/show/thumb/" + RegExp.$1; var twitpicURL = "http://twitpic.com/" + RegExp.$1; var a = $("<a/>"); a.attr('href',twitpicURL).attr('target','_blank').attr('title',this.text); a.tooltip(); var img = $("<img/>"); a.append(img.attr('src',photoURL).hide()); $("#panel").prepend(a); img.fadeIn(3000); } }); } }); }
こちらもよかったらだら見してみてください。