jQuery Coda-Slider с полосой прокрутки - PullRequest
Новая
       36

jQuery Coda-Slider с полосой прокрутки

0 голосов
/ 01 марта 2012

Я хочу совместить слайдер кода с полосой прокрутки 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 голосов
/ 01 марта 2012

Если бы вы отключили переполнение css div контейнера почтовых изображений (длинного), вы бы увидели, что полоса прокрутки уже есть.

Так что мой вопрос к вам, что именнополоса прокрутки должна делать?

...