iTunesのcover flowのようなスライダーを実装する「sly.js」

iTunes11からなくなってしまった「cover flow」機能のようなスライダーを実装することのできるJavaScriptライブラリが良かったのでご紹介。

Sly

cover flowって何ぞという人のためにDemoを。僕のiPodにはまだこの機能はあるなー。ボタンやパネルをクリックしてスクロールさせても良いし、マウスのスクロールホイールでもスクロールできる。動作が軽快！かっこいい！

Check out this Pen!

sly.jsでは他にもいくつかのスライダーを提供している。cover flow以外のDemoは以下参照。

Sly Horizontal Examples

実装方法は上記、CodePenから確認してほしい。こんなスライダーをサイトのTopページに設置したらかっこいいだろうなー。

編集後記：
GWですなー。酒飲みすぎてるので注意せねば。Google Chrome Extinsion開発に四苦八苦。