Flexslider (jQuery): Приостановка автоматической анимации

Question

Я использую отличный плагин jQuery, Flexslider, чтобы создать карусель на веб-странице. Все работает отлично, за исключением одного: я хочу, чтобы ползунок автоматически останавливался, когда пользователь нажимает на данную ссылку в другом месте на странице.

Возможно ли это?

Answer 1

В списке с функциями для этого JQuery плагина есть:

slider.pause()    //Function: Pause slider slideshow interval 

Не уверен, но я думаю, что вы можете использовать эту функцию, чтобы остановить действие, как это:

$(#elm).flexslider().pause(); 

You вы можете увидеть список со свойствами плагина flexslider на своей веб-странице на вкладке «Дополнительно».

Answer 2

Возможно, это возможно.
В этом примере он останавливается, когда вы нажимаете на слайд, просто привязывайте событие click к ссылке страницы, которую вы предпочитаете.

$('.flexslider .slides > li').click(function() { 
    $('.flexslider').flexslider("pause"); 
}); 

Answer 3

Вы хотите, чтобы ползунок останавливался при нажатии на конкретную ссылку в другом месте на странице. Давайте предположим, что ссылка имеет класс «какой-ссылки» и также давайте предположим, что ваш FlexSlider имеет CLAS из «FlexSlider», в этом случае вы можете использовать следующий JS сниппет:

$('.some-link').click(function() { $('.flexslider').flexslider("pause"); });

Вы хотите убедиться, что код находится внутри $(document).ready(function() { ... }) или что скрипт находится ниже html на вашей странице, который имеет ссылку с классом «some-link». В противном случае селектор, чтобы добавить это событие click, не будет соответствовать (поскольку он еще не существует).

Btw, решение от @Guern имеет самую важную информацию о том, как на самом деле приостановить работу flexslider, но на ваш вопрос был задан еще один шаг. Несмотря на то, что мне 2 года, я отвечаю на это сейчас, так как он появился в поиске Google.