javascript - jCycle 上一个/下一个功能

Question

我正在做一个小项目。我想知道如果您在幻灯片 1 上，jcycle 是否有办法让 prev 按钮保持可见，但是在该幻灯片上时，它不允许您向后退。同样需要使用下一个按钮。如果您在最后一张幻灯片上，按钮是可见的，但您无法返回到幻灯片 1。我希望这一切都有意义。如果有人知道我正在寻找的示例或链接，那就太好了。

谢谢。

添加

这是我目前的功能：

function onAfter(curr, next, opts){
            var index = opts.currSlide;
            $('.prev')[index == 0 ? 'hide' : 'show']();
            $('.next')[index == opts.slideCount -1 ? 'hide' : 'show']();
        }

我不想显示/隐藏按钮。我只想“禁用”它们但让它们显示。希望这是有道理的。

Answer 1

您可以使用一些有效的选择器拥有自己的 prev/next 链接，并设置不会做任何事情的 after 回调。通常在after回调中，我们通过检查当前幻灯片的索引有条件地显示/隐藏上一个/下一个链接。尝试这个

$('#slideshow').cycle({ 
    fx:     'scrollHorz', 
    prev:   '#prev', 
    next:   '#next', 
    after:   function(){}, 
    timeout: 0 
});