Coverflow in Javascript

名称
Coverflow in Javascript
配布元
Rafi Adnan(※今は配布していないようです 2010.1.21)
操作方法
マウスホイールで画像をめくることができます。
ブラウザ対応
Firefox(Win/Mac)、Safari(Win/Mac)

設置方法

  1. coverflow.js - 21kbをCoverflow in Javascriptからダウンロード
  2. CSSをダウンロード
  3. head要素内にダウンロードしたCSSのパスを記述。
    <link rel="stylesheet" href="css/coverflow.css" type="text/css">
  4. HTML内に下記を記述。
    <div id="__cvfl-coverflow">
    	<div id="__cvfl-coverflow-wrapper"></div>
    	<div id="__cvfl-coverflow-label"></div>
    	</div>
    
  5. body要素の最後に下記を記述。
    <script src="js/coverflow.js" type="text/javascript"></script>
    	<script type="text/javascript">
    	Coverflow.init(
    	※画像のパス。
    	以下省略
    	});
    	</script>
    

ページトップに戻る