flickr から画像を読み込んで、サムネール表示と拡大表示をやってしまおうという実験。
JavaScriptで flickrAPI にアクセスする方法は
第2回 JavaScriptからFlickr APIで画像検索
こちらを参考にしました。
サムネール表示は参考サイトの通り作れば問題ないんですが、拡大表示にてこずりました。
Thickbox はドキュメント内から"thickbox"クラスを走査して、リンク先をLightbox風に表示する jQuery プラグインですが、普通に組み合わせても、flickrAPI のコールバックより早く"thickbox"クラスを走査してしまい動作しません。
Thickbox は jQuery のreadyイベント
$(document).ready(function(){ ...
で開始しますが、readyイベントはbody内のscript要素より早いので、通常のfunctionに書き換え、flickrAPI のコールバック関数の最後から呼び出してやると、サムネール生成（クラス名付与）後に thickbox を開始することができます。
（ついでにフェードインのエフェクトをつけました。IE6では動いてないみたいですが）
説明不足とは思いますが、この辺で。こういう文書、書くのってホント難しいわ・・