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

ういすぷの気ままに綴るブログです。
フィギュア、グッズ、カプセルトイ（ガチャ）、食玩、付録、ぬいぐるみ、購入の際の梱包写真、PCなどのハードウェア、他にもオリジナルのWebサービスなどをご紹介しています。
フィギュアは、少し前の物を多く更新しています。懐かしいなとか感じてもらえると嬉しいです。

ご意見・ご感想は、記事下にあるフォームまたは、こちらの問い合せフォームからご投稿ください。写真などのご利用につきましては、サイトについてをご覧下さい。

twitpicのサムネイルを表示する。

2010.10.22

　先日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" />

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