MediaEvent Services Blogで紹介されている、iTunesのカバーフローのような画像ギャラリーのスクリプトの紹介です。
僕の環境では動作が重いですが、マウスのホイール動作やスライドバーにも対応して高機能です。
サンプルページ
使用されているスクリプトは全部で7種で、下記のものを使用しています。
「slideflow.js」「slider.js」「scrolling.js」は、単体でも利用できるシーンがありそうです。
- prototype.js
- scriptaculous.js
- slideflow.js
カバーフロー - slider.js
スライダー - scrolling.js
マウスのホイール - xmlparser.js
AJAX for Safari - ie6fix.js
MSIE Supports p:hover :)
Solving IE6 Flicker Bug
IE6のホバーに関するバグ対策
slideflow.js
カバーフローの動きが気持ちよく、画像ギャラリーであればこれだけを実装してもよいと思います。
サンプルページ
slider.js
スライダーのスクリプトです。キャプチャ画像にあるように、動作の異なる多様なスライダーの形式に対応しています。
サンプルページ
Post on:2007年11月19日
