Flexslider Multi Slide функциональность - PullRequest
Новая
       33

Flexslider Multi Slide функциональность

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

Кто-нибудь знает, как я могу сделать это: Я ссылаюсь на плагин flexslider, который вы можете посмотреть здесь: http://flex.madebymufffin.com/

3 контейнера Flexslider - 

$(window).load(function () {
        $('#primary-slider').flexslider({
         animation: 'slide',
         controlNav: false
     });
     $('#secondary-slider').flexslider({
         animation: 'slide',
         slideDirection: "vertical",
         controlNav: false,
         directionNav: false
    });
    $('#tertiary-slider').flexslider({
        animation: 'slide',
        controlNav: false,
        directionNav: false
    });
});

Каждый из них содержит 3 изображения, всего 9 различных изображений: [1a.jpg, 1b.jpg, 1c.jpg], [2a.jpg, 2b.jpg, 2c.jpg], [3a.jpg, 3b. jpg, 3c.jpg].

При инициализации все они синхронизируются, и это прекрасно.

Задача, которую, я надеюсь, кто-то сможет выяснить, заключается в том, что если вы щелкнете / проведете пальцем по следующему или предыдущему изображению на любом из контейнеров, изображения должны переместиться таким же образом на другие 2 контейнера. Таким образом, если вы находитесь в контейнере 1 и проведите от 1a.jpg до 2a.jpg, то в контейнерах 2 и 3 должно произойти то же самое ... переходя от 2a.jpg к 2b.jpg и, соответственно, для 3-го контейнера. Аналогично, движение назад на любом из контейнеров должно повторить тот же эффект на других 2 контейнерах. Я думаю, что я обдумываю это, и кто-то со свежим взглядом точно будет знать, что делать ...

Любая помощь очень ценится!

Jono

1 Ответ

1 голос
/ 14 сентября 2012

Я думаю, что теперь это можно сделать с помощью Flexslider 2 с использованием свойства sync. 

sync: "",    //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
...