jQuery EasySlider слайдер внутри слайдера? - PullRequest
Новая
       17

jQuery EasySlider слайдер внутри слайдера?

0 голосов
/ 06 февраля 2012

У меня есть два вертикальных ползунка (# slider1 и # slider2). Я хочу, чтобы они были внутри горизонтального слайдера (#slider). Вертикальные ползунки работают отлично, но когда я добавляю горизонтальный ползунок, вертикальные ползунки не работают должным образом (второй слайд пустой).

Вот без горизонтального ползунка: www.semiconia.com / test / indexloadonclick.html

Вот с горизонтальным ползунком: http://www.semiconia.com/test/testblank.html

Нажмите на стрелку справа под "Знаете ли вы?"

Вот сценарий: 

<script type="text/javascript">
        $(document).ready(function(){   
        $("#slider").easySlider({

                prevId: "leftBtn",
                nextId: "rightBtn",
                prevText:'',
                nextText:'',
                vertical: false, 
            });

            $("#slider1").easySlider({

                prevId: "prevBtn1",
                nextId: "nextBtn1",
                prevText:'',
                nextText:'', 

            });$("#slider2").easySlider({

                prevId: "prevBtn2",
                nextId: "nextBtn2",
                prevText:'',
                nextText:'', 

        }); });</script>

и страница в основном такая: 

<div id="slider"><ul><li>
<div id="slider1"><ul>contents of vertical slider 1</ul></div>
<div id="slider2"><ul>contents of vertical slider 2</ul></div></li>
<li>another horizontal content</li>
</ul></div>

Вертикальные ползунки не работают должным образом, потому что # slider1 и # slider2 помещены под горизонтальный #slider, в котором "vertical: false".

Как это решить? Предположительно, нужно иметь возможность перезаписать вертикальную опцию для # slider1 и # slider2, но это не работает. Любая идея?

...