Как в интерактивном режиме уменьшить (или остановить) скорость скольжения слайдера jQuery?

Question

Я хочу замедлить работу и, в конце концов, остановить слайд-шоу, когда на него наведен указатель мыши.

Вот сценарий, который у меня есть:

$(document).ready(function(){    
    $('#slideshow').cycle({    
        fx:     'fade',    
        speed:  'fast',    
        timeout: 1000,    
        pager:  '#slider_nav',    
        pagerAnchorBuilder: function(idx, slide) {    
            // return sel string for existing anchor    
            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});

Этовеб-сайт, над которым я работаю: http://www.getushopping.com/. Если вы посещаете сайт, я говорю о показе слайд-шоу, ближайшего к верхней части страницы.

Answer 1

ИСПОЛЬЗУЙТЕ эти настройки для замедления и приостановки ползунка при наведении.

$(document).ready(function(){

    $('#slideshow').cycle({

        fx:     'fade', 
        speed:   300, 
        timeout: 3000, 
        pause:   1

    });

});

Надеюсь, это поможет.

Answer 2

Я предполагаю, что вы используете плагин jQuery Cycle, поэтому я бы проверил здесь "Демо для начинающих":

http://jquery.malsup.com/cycle/begin.html

со страницы выше:

Параметр скорости определяет количество миллисекунд, необходимое для перехода от одного слайда к следующему.

Чтобы сделать паузу при наведении мыши, прочитайте # 4 на этой странице.

Похоже, вам нужно включить эту опцию:

pause:  1 

Итак, ваш код будет выглядеть примерно так:

$(document).ready(function(){

    $('#slideshow').cycle({

        fx:     'fade',

        speed:  '1000', // This is 1000 mili-seconds, or 1 second

        pause:  1,            

        timeout: 1000,

        pager:  '#slider_nav',

        pagerAnchorBuilder: function(idx, slide) {

            // return sel string for existing anchor

            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});

Answer 3

Использование:

speed: 1000,  //or some other value your prefer like 300, 400, etc
...