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

-1

我想慢下来，并最终停止我的幻灯片放映时，鼠标指针悬停在它。如何交互式地减少（或停止）jQuery滑块的滑动速度？

这里是剧本我到目前为止：

$(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/。如果您访问该网站，我正在谈论最接近页面顶部的幻灯片播放。

来源

2012-02-24 user1210460

-1为零努力。也许我不明白这个问题......你问的是“如何降低速度”_而'speed：'参数（设置为“fast”）正好在你提供的代码中，如同一天。你是否已经尝试将其改为“慢”？至于问题的第二部分，您是否至少阅读过插件的文档？ – Sparky 2012-02-24 05:49:36

我猜你使用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'; 
     } 
    }); 
});

来源

2012-02-24 05:26:33

用途：

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

来源

2012-02-24 05:28:33

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

$(document).ready(function(){ 

    $('#slideshow').cycle({ 

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

    }); 

});

希望这会有所帮助。

来源

2012-02-24 05:30:54 AlphaMale

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

回答

相关问题