やっと完成しました。

HTML上にフルスクリーンスライドショーを表示するJavaScriptライブラリ
[splash.image.js]
http://www.chez-xuxu.net/ressources/javascript/splash.image/

を使用して、Flikcrの注目Photoを表示させるサンプルページ。

前回までで、FlickrAPIから目的のデータは取得できるようになっているので、
ここからは表示のための加工です。

◆イメージURLを作成する
取得したデータをもとにして、イメージ用URLを作成することができます。
ZorgAPIではイメージURLも一緒に取得できていたので、
URLを加工しなければならない部分は、ちょっとだけ大変です。

◇結果XMLのフォーマット<rsp stat="[取得結果（ok/fail)]">
　　<photos page="[ページ番号]" pages="[全ページ数]" perpage="[1ページあたりの枚数]" total="[合計枚数]">
　　　　<photo id="[id]" owner="[オーナーID]" secret="[秘密鍵]" server="[サーバー番号]" farm="[画像取得時に必要]" title="[写真タイトル]" ispublic="[公開1/非公開0]" isfriend="[友人のみ公開(1or0)]" isfamily="[家族のみ公開(1or0)]" [指定したオプション情報]/>
　　　　[<photo/>の繰り返し]
　　</photos>
</rsp>

◇作成するURL1：http://farm[farm-id].static.flickr.com/[server-id]/[id]_[secret].jpg
or
2：http://farm[farm-id].static.flickr.com/[server-id]/[id]_[secret]_[mstb].jpg
[farm-id]：photoタグの属性「farm」の値。
[server-id]：photoタグの属性「server」の値。
[id]：photoタグの属性「id」の値。
[secret]：photoタグの属性「secret」の値。
[mstb]：表示画像のサイズを決定します。

「m」：小さな画像
　（一番大きなところが240 ）
「s」：小さな正方形
　（75*75）
「t」：サムネイル用
　（一番大きなところが100）
「b」：大きな画像
　（一番大きなところが1024 -ただしオリジナルサイズの大きい画像にのみ適用 ）
指定なし（1のURL）：デフォルト
　（一番大きなところが500）

※詳しくはこのページにのっています。

◆イメージを表示させる
イメージURLができてしまえば、あとは、スライドショーを表示できるように
HTMLを出力するだけです。
splash.imageの基本コード
<a href="[スクリーン表示用画像URL]" title="画像TITLE" rel="splash.image">
    <img src="[サムネイル表示用画像URL]" />
</a>

この形式でうまく表示されるよう、PHPのソースを書いていけば完成です。

今回は64の画像を取得し、8*8で画像を表示するようにしました。
Splashckr（Step4)

今回は単純に一つのスライドショーですが、
日付単位で別のスライドショーにしたり、見せ方は色々ありそうです。

◆作成時間
API呼び出し：1時間くらい
表示用HTMLの作成（主にimg作成）：3時間くらい
APIの呼び出しはスムーズにいきました。
イメージURL作成に少し戸惑ったのと、
あとは全体のレイアウトをちょこちょこ変更していたら、
あっという間に時間が過ぎました。