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

我猜你正在使用jQuery Cycle Plugin，所以我在这里查看“初学者演示”：

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 2

使用这些设置可以在悬停时减慢和暂停滑块。

$(document).ready(function(){

    $('#slideshow').cycle({

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

    });

});

希望这有帮助。

Answer 3

使用：

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

如何以交互方式减少（或停止）jQuery滑块的滑动速度？

3 个答案: