如何启动/停止CrossSlide（jQuery）

Question

我发现CrossSlide会导致在同一页面上播放视频的结局非常糟糕。我认为在视频播放过程中，同一页面上的交叉滑动效果会停止或暂停，然后在视频停止时再次启动。

ID看起来不像包括任何启动停止功能。有没有人知道我可以做到这一点？

谢谢。

Answer 1

它看起来像只拖板采用$.animate()在IMG元素---

你尝试过$('#container img').stop();？

Answer 2

我试过在CrossSlide的主页http://www.gruppo4.com/~tobia/cross-slide.shtml上使用stop。不起作用。

我尝试了一种简易方法，即使用sleep设置了一个非常大的值。下面是幻灯片必须恢复到第一帧后调用并恢复。

在那page，使用Firebug运行，除了sleep完全相同的电话拖板：

$('#test1').crossSlide({ 
    sleep: 100000, // <--- this one 
    fade: 1 
}, [ 
    { src: 'lib/sand-castle.jpeg', dir: 'up' }, 
    { src: 'lib/sunflower.jpeg', dir: 'down' }, // remaining slides doesn't really matter 
    { src: 'lib/flip-flops.jpeg', dir: 'up' }, 
    { src: 'lib/rubber-ring.jpeg', dir: 'down' } 
]); 

要恢复：

$('#test1').crossSlide({ 
    speed: 45, // <--- this one 
    fade: 1 
}, [ 
    { src: 'lib/sand-castle.jpeg', dir: 'up' }, 
    { src: 'lib/sunflower.jpeg', dir: 'down' }, 
    { src: 'lib/flip-flops.jpeg', dir: 'up' }, 
    { src: 'lib/rubber-ring.jpeg', dir: 'down' } 
]); 

注意：您不能使用sleep和speed在一起。

Answer 3

我想停止CrossSlide并将容器恢复到原始状态。

$('#container img').stop().hide('fast'); // worked for me!