2012-03-01 14 views
0

コーダスライダとjqueryスクロールバーを組み合わせたい。誰もそれをする方法を知っていますか?jQueryスクロールバー付きコーダスライダ

http://www.tradinx.com/codatest

$(function(){ 
    $(".scroll-bar").slider({ 
    slide: function(event, ui) { 
    // Code for triggering coda slider .. ?? 


    } 
    }); 
}); 

-

<div id="slider">  
    <div class="scroll"> 
     <div class="scrollContainer"> 
       <div class="panel" id="image1"><img src="data/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" alt="" /></div> 
       <div class="panel" id="image2"><img src="data/42a4c582d65e46dda4ddcde70a5b2afc.jpg" alt="" /></div> 
       <div class="panel" id="image3"><img src="data/30c32091eb1121f630c48016b04a6f04.jpg" alt="" /></div> 
       <div class="panel" id="image4"><img src="data/31f3ae0aac735d2b9432e88108e75b86.jpg" alt="" /></div> 
     </div> 
    </div> 

    <div class="scroll-bar"></div> 

    <div class="photo-thumb-block"> 
     <div class="photo-thumb"><a href="#image1"><img src="small/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" style="width:159px;height:119px;" alt="" /></a></div> 
     <div class="photo-thumb"><a href="#image2"><img src="small/42a4c582d65e46dda4ddcde70a5b2afc.jpg" style="width:159px;height:119px;" alt="" /></a></div> 
     <div class="photo-thumb"><a href="#image3"><img src="small/30c32091eb1121f630c48016b04a6f04.jpg" style="width:159px;height:119px;" alt="" /></a></div> 
     <div class="photo-thumb last"><a href="#image4"><img src="small/31f3ae0aac735d2b9432e88108e75b86.jpg" style="width:159px;height:119px;" alt="" /></a></div> 
    </div> 
</div> 

誰もがアイデアを持っていますか?

ありがとうございました。

答えて

0

メール画像コンテナ(長いもの)のcss divオーバーフローをオフにした場合、既にスクロールバーがあることがわかります。

私の質問は、スクロールバーがどうするのですか?

+0

回答ありがとうございます。私の顧客は余分な機能を望んでおり、画像をスクロールすることもできます。 また、彼は 'panel' divの幅を個別に(画像の幅)、固定幅なしに変更したいと考えています。 – Berioo

+0

ya ...いくつかの含まれているスクローラーのdivの上にオーバーフローcssをフリップするのに数分を費やす...あなたは私が何を言っているか見るでしょう。 – Kristian

+0

thanx、はい、私は、jqueryのスクロールバーをインストールしたが、どのようにコーダのスライダと接続するのかわからない.. – Berioo

関連する問題