Question

我发现CrossSlide导致同一页面上的视频播放非常糟糕。我的想法是在视频播放期间在同一页面上停止或暂停交叉幻灯片效果，然后在视频停止时再次开始。

我看起来不包含任何启动停止功能。有谁知道我怎么能做到这一点？

感谢。

Answer 1

看起来CrossSlide只在img elements ---

上使用$.animate()

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

Answer 2

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

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

在page上，使用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 3

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

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

如何启动/停止CrossSlide（jQuery）

3 个答案: