Jjcarousellite は、画像リストをスクロールする簡単な例を実装します。

jcarousel と比較して、jcarousel Lite はスキンの制約を取り除き、前後のボタンとタブ ボタンをカスタマイズできます。生成される HTML はより簡潔で、ファイルは小さくなります (2k)。

ダウンロードリンク:

使用方法: http://www.gmarwaha.com/jquery/jcarousellite/

次のようにコードをコピーします。

<div>

<ul>

<li></li>

</ul>

</div>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>

<script type="text/javascript">

$(ドキュメント).ready(function(){

$(".クラス名").jCarouselLite({

btn次へ: ".next",

btnPrev: ".prev",

//btnGo: [".1", ".2"], //スクロール位置タブを配列順にカスタマイズします

//auto: 2000, //定期的に自動的にスクロールする時間をミリ秒単位で指定します。デフォルトはnullです

//速度: 800, //スライド速度、800 1000 1500 を試すことができます

//vertical:false, //垂直方向にスクロールするかどうか、デフォルトは false

//circular:true, //循環的にスクロールするかどうか、デフォルトは true

//visible:3, //表示される要素の数は小数にすることができます (2.5 は 2.5 li など)

//scroll:1, //毎回スクロールされる li の数

//start:0, //開始位置、デフォルトは 0

//beforeStart:function(){} //スクロール開始時に呼び出される関数

//afterEnd:function(){} //スクロール終了時に呼び出される関数

});

});

</script>