flexslider - два слайдера вместе - Directional Nav, скользящий только один слайдер несколько раз. Как это решить?

0

Я использую два ползунка вместе. Один для изображений -.flexslider другой для текста -.flexslider2

для обоих слайдеров я использую однонаправленный Nav. FIDDLE DEMO OS ЗДЕСЬ

        $(window).load(function() {
    $("#slide_row").show();
    var count = 0 ; 

    $("#loaing_animation").hide();

$("#next").on("click" , function (e) { 
     var $slider = flex1.data('flexslider');

    $slider.flexAnimate($slider.getTarget("next"), true);  
    var $slider = flex2.data('flexslider');
     $slider.flexAnimate($slider.getTarget("next"), true); 

});

 $("#prev").on("click" , function (e) { 
     var $slider = flex1.data('flexslider');

    $slider.flexAnimate($slider.getTarget("prev"), true);  
    var $slider = flex2.data('flexslider');
     $slider.flexAnimate($slider.getTarget("prev"), true); 

});

  var flex1 =  $('.flexslider').flexslider(
    {
        animation: "slide",
        animationSpeed: 4000,
        easing: "swing",
        slideshowSpeed: 10000,
        touch:false,
        before: function(){
            if(count == 1 ){
                $('#static_path').attr('id','moving_path');
                $('.empty_wings').attr('class','wings');
                $('.empty_body').attr('class','birdbody');
            }
            count++;                                              
        },
        after: function(){
        },controlNav: false,
        directionNav: false,
        slideshow:true


    }           
);
var flex2=    $('.flexslider2').flexslider(
    {
        animation: "slide",
        animationSpeed: 2500,
        easing: "swing",
        slideshowSpeed: 10000,
        touch:false,
        before: function(){
        },
        after: function(){
        },
        controlNav: false,
        directionNav: false,
        slideshow:true
    }           
);          
});

FIDDLE DEMO ЗДЕСЬ

Первые три слайда работают нормально, когда я нажимаю кнопку "Далее" или "Назад". 4-й или после этого, если щелкнуть по следующей/предыдущей кнопке, изображение будет слюдером, а не текстом.

Я подозреваю это из-за скорости анимации слайдера. .flexslider анимация скорость = 4000 и.flexslider2 скорость анимации = 2500

любой, как я не мог это исправить. Как я могу это исправить?

любая помощь будет оценена.

** этот вопрос связан с этим вопросом

  • 0
    Вы пытались изменить скорость анимации, чтобы они были одинаковыми?
  • 0
    да .. если скорость анимации обоих ползунков одинакова, то она работает нормально. нет проблем ... но мне нужно сохранить эти настройки. два flexsliders с двумя скоростями анимации.
Теги:
flexslider

1 ответ

1
Лучший ответ

Самая быстрая анимация будет готова раньше, чем другие, поэтому, если вы нажмете next в это время изменится только самый быстрый слайд.

Я добавил флаг isAnimating в вашем коде и изменил функции before и after чтобы установить этот флаг.

Взгляните в your code updated

  • 0
    спасибо большое Фернандо .. это работает как шарм. Вы смакуйте и, пожалуйста, не удаляйте эту обновленную скрипку в течение нескольких дней.
  • 0
    Я вставил скрипку в свою учетную запись, чтобы убедиться, что код не будет отключен ... JSFiddle
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню