twitpicのサムネイルを表示する。 : ういすぷの記録帳

　先日mixiを見ていたら、twitpicのURLからサムネイル表示していたの見つけました。よく調べてみるとtwitpicで登録した画像のサムネイルを、URLだけで簡単に設置でき、特別なAPIキーなども必要なく利用できます。

詳細なドキュメントは、こちらです。(英語)



実際には、以下の様なURLを作成し、IMGタグなどで利用します。
http://twitpic.com/show/[size]/[image-id]


[size]には、mini または、 thumb を指定します。
[image-id]には、アップロードした、ページのhttp://twitpic.com/より後ろの6文字を指定します。


利用するHTMLは、以下の通りです。
小さいサムネイル。
<img src="//media.tree-web.net/img/download1.svg" data-src="http://twitpic.com/show/mini/27uaww" class="upimg lazy" />

大きい画像のサムネイル。
<img src="//media.tree-web.net/img/download1.svg" data-src="http://twitpic.com/show/thumb/27uaww" class="upimg lazy" />


実際に表示させたら、以下の感じです。




mixiでは、JavaScriptを利用して、URL変換させているようです。最初はURLだけ表示されます。



お試しあれ！