twitter上にtwitpicのサムネイルを表示するスクリプト

• -

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

• -

greasemonkeyのスクリプト。

こんな感じでtwitterを見たときにtwitpicのサムネイルを表示します。

■ 使い方

下記コードをコピーして、twitpic-thumb.user.js と名前をつけて保存してください。

【※ 追記】------------------------------------------------------
下記コードの 'http://twitpic.com' および 'http://twitpic.com/show/thumb/' の末尾のシングルクォートが、何故か全角になってしまうみたいです。そのままコピーする場合は、半角のシングルクォートに直してください。
もし試された方がいましたら、大変失礼しました。
[更に追記]
シングルクォートをダブルクォートに変更しました。
これならコピーで大丈夫。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

それをFirefox上にドラッグ&ドロップしてgreasemonkeyに登録し、twitterを表示すればOKです。

ただし、現状はページを開いたときだけ動くので「もっと読む」などを押した場合はサムネイルは表示されません。
そのうち更新するかもしれません。

// ==UserScript==

// @name		Twitpic Thumb

// @namespace

// @description

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

// @auther		ugon105

// ==/UserScript==

// v0.1 : 2010.04.19 : First Release
function insertImg() {

  var anchors = document.getElementsByClassName("tweet-url");

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

    var href = anchors[i].href;

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

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

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

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

      with (img.style) {

        border = "1px solid #ccc";

        padding = "5px";

        display = "block";

        marginTop = "10px";

      }

      anchors[i].appendChild(img);

    }

  }

}
insertImg();