だけでなく、MooToolsは、多くのそこカルーセル、様々な、私はまだいくつかの良い理由のために、私自身のカルーセルクラスを書くことにした
1。 ページング機能を（カルーセルで特定のスライド/ステップにジャンプできるようにするには）いました。
2。 左ボタンと右ボタン/リンクの配置の自由、どこまで私がお願いしたかった。
3。 スライドステップをより詳細に制御。
私は上記の機能を備えた、新しいカルーセルを作成する管理でした...以下のように...あなたが必要となるすべての変更を示唆してお気軽に！
私の例は次のようになります... [ デモを見る ]
デモを見る | ページングバージョン1.0でダウンロードMooToolsはカルーセル （1998回ダウンロードされる）
1。 カルーセルページング
あなただけで簡単にページングをtrueにMooCarouselのインスタンスを作成しながら最後のparaterが渡されたフラグ（ページングしたい）またはfalse（donotは、ページングを望む）を設定することにより、あなたのカルーセルへのページングを追加することができます。
VAR carousel1 =新しいMooCarousel（ 'carousel1_wrapper'、 'carousel1_items_container'、 'carousel1_moveleft'、 'carousel1_moveright'、c_ns、c_sss、 真の ）;スライドの/ / NS =番号、SSS =スライド·ステップ·サイズ
とofcourseのあなたはそれらのCSSを変更することにより、好きなようにこれらのページングachorsのルック·アンド·フィールを変更することができます。
。carousel_paging {テキストが整列：右;マージン：5pxの10pxの0 0;}
。。carousel_paging現在、carousel_pagingページ{アウトライン：なし;幅：15px、高さ：15px;行の高さ：15px;テキスト整列：センター;表示：ブロック;フロート：左;背景：＃D8D8EB;マージン：0 1pxの0 0;テキスト装飾：なし;}
。carousel_paging：ホバー、carousel_paging現在の{背景：＃4D4D9B;色：＃000000;}。
よく！ 小さな問題は、しかしそこには、ページングアンカーが設定されている場合、それはカルーセルコンポーネントの後に常に生成されるでしょう。 私は同様にそれを動的にしたかったが、それだけの割合を吹き出すためのスクリプトを保つために、私はそれをスキップすることにしました。
しかし、あなたは少しJavascriptを知って、簡単にあなたのニーズを喜ばせるためにMooCarouselクラスのページング生成コードを変更することができます。
2。 左および右のアイコンをカスタマイズする
あなたは、単にCSSで遊んで配置、画像や左ボタンと右ボタンのいずれかdisplatプロパティを変更することができます。 左と右buttomsの配置を変更できるようにすると、右側に私たちのカルーセルクラスに私の実際の理由だった。
idはこれらのボタンのあるこのMooCarouselクラスなので、受け入れて、あなたがしてくださいあれば、実際には、ページ上のどこにこれらのボタンを配置することができます...それは私の例のように、要素の階層構造にする必要はありません。
VAR carousel1 =新しいMooCarousel（ 'carousel1_wrapper'、 'carousel1_items_container'、 'carousel1_moveleft'、 'carousel1_moveright'、c_ns、c_sss、TRUE）;
CSS
。carousel_container_l、carousel_container_r {マージン：50px 0 0 0;位置：相対、幅：23px;高さ：20px;フロート：左;カーソル：ポインタ;}
。carousel_container_r {背景の位置：0-38px;}
。carousel_container_l {背景の位置：0-58px;}
3。 スライドステップをカスタマイズする
私は私のカスタマイズスライドステップを何を意味するか？
ほとんどのカルーセル表示されるウィンドウのに完全にスライドさせます。 したがって、4つの項目を（上記の私のサンプルのように）持っていたと言う、それはすべての4つの項目をスライドします。 このカルーセルコンポーネントを使用すると、スライドの数と、選択したステップサイズを渡します。
VAR carousel1 =新しいMooCarousel（ 'carousel1_wrapper'、 'carousel1_items_container'、 'carousel1_moveleft'、 'carousel1_moveright'、c_ns、c_sss、TRUE）;
スライドのc_ns =数、c_sss =スライド·ステップ·サイズ
また、私の例1で私が項目、各項目の幅は、私のCSSでそれぞれの項目の後に与えている余白の番号を知って、ロジックに基づいて、スライドステップサイズをcalcutedしています。
酒盛りの場合1 / * ... * /
VAR c1_w = 92 / /大酒盛りアイテムの幅
VAR c1_n = 10;比較です。の大酒盛りアイテムの/ /合計数
VAR c1_pp比較です。の大酒盛りアイテムperpageの= 4 / /番号
VAR c1_marginFactor = 51;
VAR c1_sss = c1_w * c1_pp / / SSS =スライド·ステップ·サイズ
VAR c1_ns = parseIntは（（（c1_w * c1_n）/ c1_sss）+ 0.5）/ / nsの数=スライド
c1_sss + = c1_marginFactor / / SSS =スライドステップ·サイズ、51の余白
要件：MooToolsは1.2
デモを見る | ページングバージョン1.0でダウンロードMooToolsはカルーセル （1998回ダウンロードされる）
