Javascript 如何通过幻灯片查看活动箭头（下一个/上一个）？

我有一个非常简单的幻灯片在我的网站上，我使用一个伟大的插件幻灯片-。我的问题是箭头（下一个，上一个）。我只想在另一张幻灯片之后激活箭头

如果我有三张幻灯片。当第一张幻灯片显示“活动”按钮“下一个活动”时。查看时，第二个显示为活动的“下一个”和“上一个”。查看时，第三张幻灯片仅显示为活动的上一张幻灯片

示例：

• 3张幻灯片：
  • 第一张幻灯片-仅按钮下一张显示
  • 第二张幻灯片-按钮上一张和下一张显示
  • 第三张幻灯片-仅按钮prev显示

实例：

jQuery：

$('.slideshow > ul')
  .before('<div class="wrapper"><div class="content"><div class="slide-nav">') 
  .cycle({ 
       fx:     'scrollLeft', 
       speed:  '600', 
       timeout: 4000, 
       pager:  '.slide-nav',
       next:   '#next', 
       prev:   '#prev'
});

$（'.slideshow>ul'）
.之前（“”）
.循环（{
fx:'向左滚动'，
速度：'600'，
超时：4000，
寻呼机：'.slide nav'，
下一个：“#下一个”，
上一页：“#上一页”
});

HTML:

cena/noc od 67欧元
维索克塔特里876公寓


cena/noc od 68欧元
Střednítatry50公寓


cena/noc od 69欧元
Nízkétatry236公寓

如果您可以访问幻灯片阵列，并且知道哪张是当前幻灯片，则可以显示/隐藏幻灯片导航的部分内容

这是一个基于你的工作

jQuery：

$('.slideshow > ul')
   .before('<div class="wrapper"><div class="content"><div class="slide-nav">') 
   .cycle({ 
        fx:     'scrollLeft', 
        speed:  '600', 
        timeout: 4000, 
        pager:  '.slide-nav',
        next:   '#next', 
        prev:   '#prev',

        nowrap: true,
        onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement) {
            if(zeroBasedSlideIndex == 0) {
                $('#prev').hide();
            } else {
                $('#prev').show();
            }

            if(zeroBasedSlideIndex == ($('#slideshow ul li').length - 1) ) {
                $('#next').hide();
            } else {
                $('#next').show();
            } 
        }
    });

$（'.slideshow>ul'）
.之前（“”）
.循环（{
fx:'向左滚动'，
速度：'600'，
超时：4000，
寻呼机：'.slide nav'，
下一个：“#下一个”，
上一页：“#上一页”，
诺拉普：没错，
onPrevenxtEvent:函数（isNext、zeroBasedSlideIndex、slideElement）{
if（zerobasedlideindex==0）{
$（'#prev'）.hide（）；
}否则{
$（'#prev'）.show（）；
}
if（zeroBasedSlideIndex==（$（'#幻灯片ul li'）。长度-1））{
$（“#下一步”）.hide（）；
}否则{
$（“#下一步”）.show（）；
} 
}
});

Nowrap可防止幻灯片循环。 onPrevNextEvent是主要部分

$('.slideshow > ul')
   .before('<div class="wrapper"><div class="content"><div class="slide-nav">') 
   .cycle({ 
        fx:     'scrollLeft', 
        speed:  '600', 
        timeout: 4000, 
        pager:  '.slide-nav',
        next:   '#next', 
        prev:   '#prev',

        nowrap: true,
        onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement) {
            if(zeroBasedSlideIndex == 0) {
                $('#prev').hide();
            } else {
                $('#prev').show();
            }

            if(zeroBasedSlideIndex == ($('#slideshow ul li').length - 1) ) {
                $('#next').hide();
            } else {
                $('#next').show();
            } 
        }
    });