带滚动条的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>

有没有人有一个想法？

谢谢。

答

如果您要关闭邮件图像容器（长整型）的css div溢出，您会看到已经有一个滚动条。

所以我的问题是，滚动条应该做什么？

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

相关推荐