Splash.image.jsを使う。WebSplash.image.jsを使う。commentやっと完成しました。HTML上にフルスクリーンスライドショーを表示するJavaScriptライブラリ[splash.image.js]http://xuxu.fr/ressources/javascript/splash.image/を使用して、Flikcrの注目Photoを表示させるサンプルページ。前回までで、FlickrAPIから目的のデータは取得できるようになっているので、ここからは表示のための加工です。◆イメージURLを作成する取得したデータをもとにして、イメージ用URLを作成することができます。ZorgAPIではイメージURLも一緒に取得できていたので、URLを加工しなければならない部分は、ちょっとだけ大変です。[指定したオプション情報]/>[<photo/>の繰り返し]</photos></rsp>◇作成するURL1:http://farm[farm-id].static.flickr.com/[server-id]/[id]_[secret].jpgor2: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]:表示画像のサイズを決定します。)指定なし(1のURL):デフォルト(一番大きなところが500)※詳しくはこのページにのっています。◆イメージを表示させるイメージURLができてしまえば、あとは、スライドショーを表示できるようにHTMLを出力するだけです。/></a>この形式でうまく表示されるよう、PHPのソースを書いていけば完成です。今回は64の画像を取得し、8*8で画像を表示するようにしました。日付単位で別のスライドショーにしたり、見せ方は色々ありそうです。◆作成時間API呼び出し:1時間くらい表示用HTMLの作成(主にimg作成):3時間くらいAPIの呼び出しはスムーズにいきました。イメージURL作成に少し戸惑ったのと、あとは全体のレイアウトをちょこちょこ変更していたら、あっという間に時間が過ぎました。Post:Splash.image.jsを使う。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。