如何使用jQuery Cycle添加额外的“下一步”按钮？

Question

我使用next / prev按钮创建了一个jquery循环幻灯片，但除此之外，我希望在单击图像时幻灯片显示前进。我还不知道javascript还不能自己编写代码。这可能吗？这是我到目前为止所做的：

$('#illustration .slides').cycle({
speed:  1,
timeout: 0,
prev: '#illustration .prev',
next: '#illustration .next',
pager: '#illustration-thumbs',
pagerAnchorBuilder: function(idx, slide) {
  return '#illustration-thumbs li:eq(' + (idx) + ') a';
}
});

$('#illustration img').cycle('next');

Answer 1

如果您将当前的下一个代码添加到此

，则可以将容器用作图像作为下一个按钮

next: '#illustration .next, #container_div_name',

希望这能实现你的目标