Twitter上でサムネイルを表示するスクリプトを更新しました

javascript tool
  • -

(2010/11/17)
※ バージョンアップしました。最新版はこちらです

  • -

前バージョンをお使いいただいたみなさま、ありがとうございました。
表題の通り「Twitter上で画像のサムネイルを表示させるスクリプト」がようやくバージョンアップの運びとなりました。


バージョンアップ内容は以下のようになっております。

・twitterの新ユーザーインタフェースに対応
・twitpic, yfrog, plixiの3サービスの画像を表示
・「もっと読む」を押しても画像が表示される

ちなみに、今回のスクリプトひとつでtwitterの新旧どちらのユーザーインタフェースでも動作します。


■ 使い方
前回と同様、下記のコードをコピーして tweet-image-view.user.js と名前をつけて保存し、Firefox または Chrome にファイルをドラッグ＆ドロップして登録します。



// ==UserScript==

// @name  Tweet Image Viewer

// @namespace

// @description

// @include http://twitter.com/*

// @auther  ugon105

// v0.1 : 2010.04.19 : First Release

// v1.0 : 2010.10.03 : version 1.0 Release
var targetClass = undefined;

function insertImg() {

  var anchors = document.getElementsByClassName(targetClass);

  for (var i = 0, len = anchors.length; i < len; i++) {

    if (anchors[i].className.indexOf("preview-done") > 0) {

      continue;

    }

    var href = anchors[i].href;

    var thUrl = undefined;

    // twitpic

    if (href.indexOf("http://twitpic.com") == 0) {

      var pid = href.substr(href.lastIndexOf("/") + 1);

      thUrl = "http://twitpic.com/show/thumb/" + pid;

    }

    // yfrog

    else if (href.indexOf("http://yfrog.com") == 0) {

      thUrl = href + ".th.jpg";

    }

    // plixi

    else if (href.indexOf("http://plixi.com/p/") == 0) {

      thUrl = "http://api.plixi.com/api/TPAPI.svc/imagefromurl?size=small&url=" + href;

    }
    if (thUrl) {

      var img = document.createElement("img");

      img.src = thUrl;

      with (img.style) {

        border = "1px solid #ccc";

        padding = "5px";

        display = "block";

        marginTop = "10px";

      }

      anchors[i].appendChild(img);

      anchors[i].className += " preview-done";

    }

  }

}
if (document.getElementById("timeline")) {

  targetClass = "tweet-url web";

} else if (document.getElementById("doc") && document.getElementById("top-stuff")) {

    targetClass = "twitter-timeline-link";

}
if (targetClass) {

  insertImg(targetClass);

  setInterval(insertImg, 5000);

}

若干画像の表示が遅れることがありますが、少々我慢してくださいませ。


旧バージョンをお使いの方はお手数ですがアンインストールをしてください。