Article

Home ＞ 2008年05月 ＞ 写真にふきだし付きでTwitterの発言を表示するJavascript

写真にふきだし付きでTwitterの発言を表示するJavascript

Twitterの発言を写真の上に表示させたら面白いな、と思ったので作ってみました。

こんな感じ。

jsファイルとふきだし画像2x4パターン(横長・縦長x4方向)、まとめてzipにしましたのでよかったらどうぞ。

twitterOnImg.zip

使い方

  1. twitterOnImg.jsを開き、使う画像等に合わせて設定をいじる。(←若干めんどくさい)
  2. HTML上の表示させたい位置に以下のコードを挿入。 
    <div id="twitterOnImg"></div>
<script type="text/javascript" src="twitterOnImg.jsのパス"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Twitterのユーザー名.json?callback=twitterOnImg&count=1"></script>

ブログのサイドバー等に表示させるなら、縦長の写真を適度に縮小して(jsファイル内で設定できます)、縦に長めのふきだしを使うとよいですね。