帶滾動條的jQuery Coda-Slider

我想將結尾滑塊和jquery滾動條結合起來。有誰知道如何做到這一點？帶滾動條的jQuery Coda-Slider

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>

有沒有人有一個想法？

謝謝。

來源

2012-03-01 Berioo

如果您要關閉郵件圖像容器（長整型）的css div溢出，您會看到已經有一個滾動條。

所以我的問題是，滾動條應該做什麼？

來源

2012-03-01 19:10:26 Kristian

Thanx回覆，以及我的客戶想要額外的功能，以便還可以滾動瀏覽圖像。他也希望'面板'的div寬度是個人的（圖像的寬度），沒有固定的寬度，我會改變。 – Berioo 2012-03-01 19:37:21

ya ...花幾分鐘時間翻轉一些包含滾動div的溢出CSS和關閉...你會看到我在說什麼。 – Kristian 2012-03-01 19:41:08

thanx，是的，我知道，我安裝了jquery滾動條，但不知道如何連接它與尾波滑塊.. – Berioo 2012-03-02 09:28:57

帶滾動條的jQuery Coda-Slider

回答

相關問題