使用jQuery循环插件为幻灯片溢出可见区域

Using jQuery cycle plugin for slideshow with overflow visible area for slides

本文关键字：溢出区域幻灯片 jQuery 循环插件使用更新时间：2023-09-26

那么，幻灯片看起来是这样的。

a[b]cde

在这个例子中，b是幻灯片的可见部分。当 b 是可见的,你不能看到 a, c, d ,和 e 。

当b显示时，您是否可以看到a的右四分之一和c的左四分之一的预览或溢出?这些预览基本上是具有半透明背景的next和previous按钮。

我不希望只显示一张活动的幻灯片，我希望能够分别在他们进来之前或离开之后看到前一张幻灯片的左四分之一和后一张幻灯片的右四分之一。

我不知道我需要重写循环插件的哪个部分或代码才能做到这一点。使用循环插件是否太难或难以完成?

循环插件提供了许多回调，例如before和after，可以用来添加您描述的行为。它们都在这里列出:http://jquery.malsup.com/cycle/options.html

在转换发生之前调用before回调，并将currSlideElement和nextSlideElement作为参数传递。

使用这些参数，您可以获得对即将出现或刚刚出现的图像的引用，并对其进行任何操作。这可能意味着克隆它并将其显示在幻灯片旁边。

我相信before和after回调的组合将使这种行为成为可能。