带滚动条的jQuery Coda-Slider

时间:2012-03-01 19:05:50

标签: slider scroller coda

我想将coda滑块与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>

有没有人有想法?

感谢。

1 个答案:

答案 0 :(得分:0)

如果您要关闭邮件图像容器(长文件)的css div溢出,您会看到已经有一个滚动条。

所以我的问题是,滚动条究竟应该做什么?