jQuery Cycle2 Slideshow вложенное слайд -шоу Next и Prev

Question

Я использую плагин Cycle2 для отображения слайд -шоу, состоящего из некоторых изображений и еще одного слайд -шоу. Следующие и прежние кнопки внутреннего слайд -шоу не работают по какой -то причине (вверх и вниз, в примере), хотя они правильно устанавливаются IMHO:

data-cycle-prev="#upDiv"
data-cycle-next="#downDiv"

а также

<div id="upDiv">
    <a href="#" id="upImg"><img src="images/up.png" alt="" /></a>
    <p>scroll up</p>
</div>
<div id="downDiv">
    <p>to see more scroll down</p>
    <a href="#" id="downImg"><img src="images/down.png" alt="" class="outer-slide" /></a>
</div>

Как я могу заставить их работать?

Вот демонстрация: http://jsfiddle.net/fku2l/22/

Answer 1

Есть несколько проблем

Во -первых, в цикле 2 вложенные слайд -шоу должны выглядеть так:

<div class="cycle-slideshow" data-cycle-slides="> div">
    <div><img src="..."/></div>
    <div>
        <div class="cycle-slideshow inner-slideshow">
            <img src="..."/>
            <img src="..."/>
        </div>
    </div>
    <div><img src="..."/></div>
</div>

Важными вещами в том, что слайды должны быть одинаковыми, как img img img или же div div div нет img div img. Анкет Так что вам нужно будет завершить свой первый уровень слайда imgS внутри DOVS. Поскольку они сейчас не img, что является по умолчанию, вам нужно установить data-cycle-slides="> div" На внешнем слайд -шоу.

Кроме того, вам также нужно, чтобы ваш внутренний слайд -шоу также находился внутри Div, как <div><div class="cycle-slideshow inner-slideshow"> вместо просто <div class="cycle-slideshow inner-slideshow">. Анкет Слайд -шоу могут быть вложены, но не пересекают мечи.

В настоящее время происходит в вашем примере, так это то, что он работает вместе с слайд -шоу, используя одни и те же следующие и прежние кнопки для обоих шоу, и разорвать imgвыходить из divс Таким образом, вместо того, чтобы запустить 2 вложенных слайд-шоу, вы используете 2 одновременные слайд-шоу, где один находится внутри другого, что является побочным продуктом слайд-шоу, непосредственно касающихся друг друга, и слайды первого шоу не вложены в divс

Сделал рабочую скрипку: http://jsfiddle.net/filever10/dlqpd/

Вы можете узнать больше, просмотрев источник здесь: http://jquery.malsup.com/cycle2/demo/nestest.php