- Top
- エントリー : Adobe SpryとCover flow
Adobe SpryとCover flow
「おでのiTunes」で使用している「Adobe Spry」のAjaxツールで、投稿したレビューの一覧を表示させる際に利用している。詳しい動作は「おでのiTunes」の右カラムにあるエントリーリストをクリック。一覧ということで、単純にtableで投稿したレビューの一覧が表示されるんだけど、検索フォーム欄とソート機能が付いていて、まず検索フォームに関しては、入力フォームに例えばMと入力すると、Mのある行だけダイレクトに絞られる。〒番号検索のAJAX版のような動きだ。ソートは、tableのヘッダーセルをクリックすると、クリックした列でソートされる。
Spry自体もAjaxということで、XMLでSpry用に用意する。もちろんMTとSpryのXMLとの連携で、レビュー投稿時に自動生成させる訳で、Spry用のXMLテンプレートとということです。後はSpry独自のタグを含めてTableのページ(html)を作成しておくだけ。詳しい内容は、Spryダウンロード後、同封のサンプル見ればわかると思う。
トップページで現在使用している唯一のFLASHは「iTunes CoverFlow ver.2.1」を使わせてもらっているんだけど、これもXMLの内容をFlash内に読み込んで表示している。ということで、Spryで生成されたXMLをこのCoverFlow FLASHに読み込ませれば余計なファイルが増えずに済むじゃんと思い、FLASHを少し改造。Flashのスクリプト、Action Scriptもおではほとんど理解していないので、ほとんどやっつけでいじった。このFlash自体、おでのようなAction Scriptが無知な人でも利用できるよう、最初の数十行は設定オンリー。英語だけどコメントで一行一行、説明が書いてあるので、おででもなんとか理解できた。問題のXML読み込み部分は、一番下の方に書いてあるので、その辺を適当に書き換えてみたら無事動いた。
このCoverFlow Flashは、htmlを読み込んだ瞬間、XMLに記載の画像パスが全て読み込まれる。できれば、表示されていない部分は、読み込んでほしくないのだけどなぁ。じゃないと、いずれレビューの数が膨大な数になった時が怖い。。。PNGも透明部分が白くなってしまう。それから、WinのIE7ではマウスホイールでパラパラ動くんだけど、それ以外のブラウザでは動かない。Macでも動いてほしいなぁ。次期ヴァージョンに期待。
- トラックバック
- このエントリーのトラックバックURL :
