循环幻灯片：仅显示一些指定的幻灯片

Question

我正在使用Cycle插件进行幻灯片演示：http://jquery.malsup.com/cycle/

幻灯片自动启动并使用悬停触发的导航。

我希望幻灯片只滑动指定的幻灯片，只显示其他在幻灯片中悬停的幻灯片。

我希望有人理解。

编辑： 我做了一个图像。也许这让我更加清楚我想要实现的目标。 http://www.vrds.nl/foto/slide_example.jpg

Answer 1

首先，循环插件的版本2位于此处（https://github.com/malsup/cycle2）

API：http://jquery.malsup.com/cycle2/api/

为了做到这一点，你只需要挂钩循环后事件，当幻灯片在第三个幻灯片时暂停幻灯片放映。

$( '#mySlideshow' ).on( 'cycle-after', function( event, opts ) {
   if (opts.currSlide==2) $('#mySlideshow').cycle('pause');  // pause on 3rd one
});

对于悬停，您只需将事件附加到它们即可。假设正确的部分是li个元素（它们可以是在这里做出假设的任何东西）：

$('li').mouseover(function() {
   $('#mySlideshow').cycle('goto', $(this).index());  // something like this;
});

如果您不想使用插件的第二个最新版本，则逻辑完全相同。