[JS]iTunesのカバーフローのような画像ギャラリーのスクリプト

MediaEvent Services Blogで紹介されている、iTunesのカバーフローのような画像ギャラリーのスクリプトの紹介です。

iTunesのカバーフローのような画像ギャラリーのキャプチャ

僕の環境では動作が重いですが、マウスのホイール動作やスライドバーにも対応して高機能です。
サンプルページ

使用されているスクリプトは全部で7種で、下記のものを使用しています。
「slideflow.js」「slider.js」「scrolling.js」は、単体でも利用できるシーンがありそうです。

slideflow.js

iTunesのカバーフローのような画像ギャラリーのキャプチャ

Cover flow in Javascript

カバーフローの動きが気持ちよく、画像ギャラリーであればこれだけを実装してもよいと思います。
サンプルページ

slider.js

スライダーのキャプチャ

Javascript Slider Control

スライダーのスクリプトです。キャプチャ画像にあるように、動作の異なる多様なスライダーの形式に対応しています。
サンプルページ

top of page

©2018 coliss