Сдвиг Flexslider не возобновляется после использования следующих/предыдущих элементов управления

Question

Нет фона jquery, просто нужна простая карусель для сайта, построенного на Dreamweaver. Все работает красиво НО - когда вы нажимаете на следующие/предыдущие стрелки, чтобы переместить слайд вперед/назад, перемещая курсор от ползунка (стрелки исчезают), изображение остается застрявшим на последнем изображении, которое вы просматривали, вместо продолжения/возобновления функционирования слайдер. Это должно произойти? Если да, есть ли способ заставить его возобновить игру? Благодаря

Answer 1

Вы можете попробовать это в коде JS:

Решение 1:

$('.flex-next').on('click',function() { 
    $('.flexslider').flexslider("play"); 
}); 
$('.flex-prev').on('click',function() { 
    $('.flexslider').flexslider("play"); 
}); 

Демо: http://jsfiddle.net/lotusgodkk/n9JUc/22/

Решение 2: Добавьте это в коде flexslider инициализации.

after: function (slider) {    
     if (!slider.playing) { 
      slider.play(); 
     } 
    } 

Демо: http://jsfiddle.net/lotusgodkk/n9JUc/23/

В основном, когда кнопки следующая/предыдущая щелкают, мы называем play метод, где .flex-next и .flex-prev являются классы на следующей и предыдущей кнопки.

В вашем сайте, вы использовали:

$(window).load(function() { 
    $('.flexslider').flexslider(); 
}); 
$('.flex-next').on('click', function() { 
    $('.flexslider').flexslider("play"); 
}); 
$('.flex-prev').on('click', function() { 
    $('.flexslider').flexslider("play"); 
}); 

Вместо этого, просто использовать этот код:

$(document).ready(function() { 
    $('.flexslider').flexslider({ 
     after: function (slider) { 
      if (!slider.playing) { 
       slider.play(); 
      } 
     } 
    }); 
}); 

Использование $ (документ) .ready вместо $ (окно) .load

Answer 2

Попробуйте установить параметр pauseOnAction на false:

$(document).ready(function() { 
    $('.flexslider').flexslider({ 
     pauseOnAction: false 
    }); 
}); 

Answer 3

$('.flexslider').flexslider({ 
    animation: "slide", 
    slideshowSpeed: 1000, 
    start: function(slider) { 
     $('body').removeClass('loading'); 
    }, 
    after: function (slider) { 
     if (!slider.playing) { 
     slider.play(); 
     } 
    } 
});