ゆーすけべー日記

はてなBlogってどーなの!?

日本人がうpしたTwitPicの画像をだら見できるTwitPic Stream (ja)ってのを作ったよ

さっき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);
        }
      });
    }
  });
}

こちらもよかったらだら見してみてください。