2011年8月 2日 11:36

TwitPic投稿した画像の表示

TwitPicの画像を表示させるのを
今更やりたくて出来たのでメモ。

Twitterに投稿した際
mhp3
というタグが振ってある(想定)条件で検索して、
Twitpicの画像を5件分表示させる、、という動きにしています。

まずHTMLから。
<div id="images"></div>
の中にulを動的に作り、最大件数まで
liを追加する事にします。

次に、通信を行なうのに何かと便利なのでheadタグ内でjqueryを読んでおきます


そして肝のtwitpicのapiから情報を取得する部分はこのようにしてます。
popupの処理はおまけなので特になくてもok。
そこは_blankをつけたくないだけ(jsだとvalidator関係ないかもですが)


最後にCSSでかるく整えて完成です。


デモはこちらにおきました。
» "mhp3"というタグつきでTwitPic投稿された画像を5件表示 demo

トラックバック(0)

トラックバックURL: http://link-unit.com/mt/mt-tb.cgi/25

コメントする

関連するエントリ

このブログ記事について

このページは、hiroが2011年8月 2日 11:36に書いたブログ記事です。

ひとつ前のブログ記事は「Flash ActionScript3(AS3) 便利なライブラリが大量に」です。

次のブログ記事は「html5でつくってるサイトのギャラリー」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

OpenID対応しています OpenIDについて