jqueryのカルーセルは - カスタムスクロールバー

Question

を追加しようと、私はオンラインで検索しようとしたとの関連を閲覧したこちらの質問に「答え」が、何も、私は、誰かがこの答えを知って期待していますので、非常に私の問題を合わせていないようです。

私はhttp://2938.sandbox.i3dthemes.net/index.htmlをコーディングしていますサイトを持っていると私はカルーセル（carouFredsel）完璧な作業を持っています。ただし、ここで使用しているのと同様のスクロールバーを追加したいと思います。http://finnrudolph.de/ImageFlow

私は、スクロールバーを作成するイメージがあるが、それはjQueryのに来るときのnoobです。私はコンテンツdivにjqueryのスクロールバーを追加するための情報をいくつか見つけましたが、divは絶対的なものでなければならず、私のカルーセルがそうするように動作するためには相対的なものでなければなりません。

は、私は可能何をしたいですか？

私はこの上で取得することができます任意の助けに感謝。

ありがとうございます。

P.S.私はJSfiddleで動作するコードを取得しようとしましたが、失敗したので、代わりにサンドボックスへのリンクを提供しました。ここで

がヘッダー内のスクリプトです：

 <script type="text/javascript" language="javascript"> 
     $(function() { 

     $("#foo3").carouFredSel({ 
      items : 2, 
      auto: { 
       duration: 750 
       }, 
      scroll : { 
       items: 1, 
       duration: 750, 
      onAfter: function() { 
    if ($(this).triggerHandler("currentPosition") == 0) { 
    $(this).trigger("pause"); 
    } 
}}, 
     }).parent().css("margin", "auto"); 
     }); 

    </script> 

そして、ここでは、カルーセルのHTMLです：

<div class="list_carousel"> 
    <ul id="foo3"> 
<li style="width:486px"><img src="Images/SMP-3.jpg" alt="Testing description" /></li> 
<li style="width:486px"><img src="Images/SMP-6.jpg" alt="Text_2" /></li> 
<li style="width:238px"><img src="Images/SMP-4.jpg" alt="Text_6" /></li> 
<li style="width:486px"><img src="Images/SMP-2.jpg" alt="Text_3" /></li> 
<li style="width:238px"><img src="Images/SMP-5.jpg" alt="new description" /></li> </ul> 
<div class="clearfix"></div> 
</div> 

はEDIT：

私はそれを使用して可能であると考えています簡単なマウスホイールプラグインです。しかし、私の元の問題は、スクロールバーの画像をマウスホイールのスクロール機能で使用するように表示する方法でした（まだあります）。画像はバーの線とバーに沿って移動するnavサークルで構成されています。

Answer 1

なぜあなたはこのイメージギャラリーのドキュメントを読んで、代わりに検索しませんか？代わりに、私の質問の否定的であることの

http://finnrudolph.de/ImageFlow/Documentation