jQuery循环：自定义回调？

Question

此代码段运行我的幻灯片，其中包含一系列图片。在幻灯片的顶部，我有“y的图像x”。是否可以添加与prev和next按钮相关联的回调？一个回调会将x加1，另一个减去。

所以这是某种形式的分页，我找不到循环插件的开箱即用解决方案。

我显然可以将自己的函数附加到#prev和#next，但即使没有显示其他图像，计数仍然会增加。我需要能够检测图像是否“滑入”才能查看。

$('#prod_list').cycle({ 
    fx:     'scrollHorz', 
    prev:   '#prev', 
    next:   '#next', 
    timeout: 0 ,
    nowrap: 1,          
});

Answer 1

您是否可以使用Cycle Options？

中定义的prevNextClick选项

这采用以下格式的函数：

function(isNext, zeroBasedSlideIndex, slideElement)

还有其他一些选项可以帮助分页。

• pagerAnchorBuilder
• allowPagerClickBubble
• pagerEvent
• pagerClick
• 寻呼机

Answer 2

查看＆＃34; onBefore＆＃34;的说明＆＃34; onAfter＆＃34;在http://jquery.malsup.com/cycle/int2.html的回调下。查看页面的来源，您将看到完整的示例。