javascript - 如何启动/停止 CrossSlide (jQuery)

Question

我发现 CrossSlide 会导致同一页面上的视频播放出现非常严重的卡顿。我的想法是让同一页面上的交叉幻灯片效果在视频播放期间停止或暂停，然后在视频停止时重新开始。

Id 看起来没有包含任何启动停止功能。有谁知道我如何能够做到这一点？

谢谢。

Answer 1

我尝试在http://www.gruppo4.com/~tobia/cross-slide.shtmlstop的 CrossSlide 主页上使用。不工作。

我尝试了一种即兴的方法，即使用sleep设置为一个非常大的值。不利的一面是幻灯片在调用并恢复时必须恢复到第一帧。

在该页面上，使用 Firebug 运行完全相同的 crossSlide 调用，除了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 2

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

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

Answer 3

看起来 CrossSlide 只是$.animate()在 img 元素上使用 ---

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