0

我正在使用 jquery 循环插件,我的滑块包含嵌入式视频。现在我需要插件行为,这样当用户点击视频幻灯片时,滑块应该停止并播放视频。目前视频开始播放,但随着滑块再次开始旋转而消失。这是我的代码:

$('.slideshow').cycle({
    fx:     'scrollHorz',
    timeout: 7000,
    next: '#nextVideo',
    prev: '#prevVideo',
    pause:  1

});

目前它在悬停时暂停。但我希望它在单击后停止。

有人提出了这个解决方案:

$('.slideshow').click(function(){
   $(this).cycle('id').cycle('pause');
});

使用此解决方案的问题是它会停止滑块并播放视频,但滑块下一个/上一个按钮也停止工作。

因此,我正在寻找合适的解决方案。任何人都可以帮忙吗?

提前致谢 !

4

1 回答 1

0

你只需要在你的点击事件中添加这个

$('id').cycle('pause'); /*Stop the Cycle plugin*/

这是正确的方法

$('.slideshow').click(function(){
  $('id').cycle('pause');
});
于 2013-04-11T14:34:45.467 回答