Web Designing 6月号内で、ImageFlow 0.9の紹介がされていました。

html, cssとJavaScriptだけで、iTunesのカバーフローの様な見映えを実現できます。JavaScriptとcssはファイルをそれぞれ読み込むだけで、プログラムに拒否反応が強い私の彼女もほぼ問題なく完成できてました。

サンプル

しかし問題が1点と、作業しづらいところが1点ありまして、それを修正したバージョンを配布しておきます。

問題と言うのは、IEで再読込するとJavaScriptエラーが起きること。これは、JavaScriptファイルを修正して直りました。

作者にメールで連絡したら、Web Designingの見本誌届いたけど読めないよ(笑)と言ってました。素晴らしい。この修正は次のバージョンに取り込んでくれるそうです。

修正版を置いておきます。ダウンロードしても良いですし、ここに置いてあるファイルを直接参照しても構いません。
ImageFlow 0.9修正済みファイル

作業しにくいところと言うのは、実際雑誌を見ながら作ってみるとわかるのですが、各画像について、いちいちlongdesc属性を書かなければならないことです。ファイルの数が増えていくと結構面倒になります。通常、クリックした時に、単に同じ画像が表示されれば良いと思うので、そう言う場合は、longdesc属性を書かなくても良いようにしました。

こちらの修正も、上記に含めてあります。

では、お楽しみください。もし役に立ったなら、下記検索ボックスから検索してamazonの商品を何か買ってくれると非常に嬉しいです。私にアフィリエイトがちょっとだけ入ります。