画像をiTunes風に見せられるJavaScript「CoverScroll jQuery plugin」

iTunesで曲の表紙を一覧で見せる手法としてカバーフローなるものがあります。
これをjQueryで実現したのがCoverScroll jQuery pluginです。
※マウスホイールにも対応
画像をiTunes風に見せられるJavaScript「CoverScroll jQuery plugin」サンプル

使用方法
CoverScroll | jQuery Pluginsからファイルをダウンロード。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.coverscroll.min_.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#id名').coverscroll();
});
</script>

次に上記IDに対し、以下のようなCSSを記述します。
<style>
#id名{
width:850px;
height:260px;
}
</style>

この高さに応じてカバーフローの大きさが決まります。
最後に画像を記述すれば完成です。
<div id="id名">
<img src="画像パス1" />
<img src="画像パス2" />
</div>


画像をiTunes風に見せられるJavaScript「CoverScroll jQuery plugin」サンプル

sponsors

「画像をiTunes風に見せられるJavaScript「CoverScroll jQuery plugin」」をシェアする

記事作成:
記事URL:

TOP > > > 画像をiTunes風に見せられるJavaScript「CoverScroll jQuery plugin」