さっき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);
}
});
}
});
}
こちらもよかったらだら見してみてください。
