flickr API × Thickbox｜WALK SLOW, AGAINST THE FLOW.

2007.11.29 23:48

flickr API × Thickbox

flickr から画像を読み込んで、サムネール表示と拡大表示をやってしまおうという実験。

javascript で flickrAPI にアクセスする方法は

こちらを参考にしました。

サムネール表示は参考サイトの通り作れば問題ないんですが、拡大表示にてこずりました。

Thickbox はドキュメント内から"thickbox"クラスを走査して、リンク先をLightbox風に表示する jQuery プラグインですが、普通に組み合わせても、flickrAPI のコールバックより早く"thickbox"クラスを走査してしまい動作しません。

Thickbox は jQuery の ready イベント

$(document).ready(function(){ ...

で開始しますが、ready イベントは body 内の script 要素より早いので、通常の function に書き換え、flickrAPI のコールバック関数の最後から呼び出してやると、サムネール生成（クラス名付与）後に thickbox を開始することができます。
（ついでにフェードインのエフェクトをつけました。IE6では動いてないみたいですが）

説明不足とは思いますが、この辺で。こういう文書、書くのってホント難しいわ・・

javascript

コメント (0) ｜トラックバック (0)

2007.11.19 01:04: 今さらflickrの画像をFLASHに読み込んでみた

名前
メールアドレス
URL
この情報を登録しますか？	登録する
Scode:	画像に描かれている数字を入力して下さい。コメント内容を確認したい方は、確認画面でSCodeを入力してください。SCodeの入力内容はプレビューまで保持されません。
コメント	(スタイル用のHTMLタグが使えます)