使用jQuery循环插件进行幻灯片放映,幻灯片的溢出可见区域

时间:2011-12-08 01:41:25

标签: javascript jquery slideshow jquery-cycle

所以,这是幻灯片放映的样子。

a[b]cde

在此示例中, b 是幻灯片显示的可见部分。当 b 可见时,您无法看到 a,c,d e

b 显示时,您可以看到 a 右侧四分之一的预览或溢出,以及 c的左侧四分之一?这些预览基本上是具有半透明背景的下一个和前一个按钮。

我不希望仅显示一张活动幻灯片,我希望能够分别在它们进入之前或之后看到前滑动的左四分之一和后滑动的右四分之一。

我不知道循环插件的哪个部分需要重写或编码才能执行此操作。用循环插件完成是否太难或难以实现?

1 个答案:

答案 0 :(得分:0)

循环插件提供了许多回调,例如beforeafter,它们可能用于添加您描述的行为。这些都在这里概述:http://jquery.malsup.com/cycle/options.html

在转换发生之前调用before回调,并将currSlideElementnextSlideElement作为参数传递。

使用这些参数,您可以获得对下一个显示的图像的引用,或刚刚出现并随意执行任何操作的图像。这可能意味着克隆它并在幻灯片放映旁边显示它。

我确信beforeafter回调的某种组合可以使这种行为成为可能。