Javascript Fullpage.JS：在滑动时更改加载时的动画

背景/问题

我有一个包含6张幻灯片的fullpage.js部分。第一张幻灯片是其他5张幻灯片的索引。我成功地获得了第一个操作（单击索引中的5个幻灯片链接中的任何一个）来加载具有淡入效果的幻灯片（与滑动效果相反）

但是，一旦任何幻灯片打开，我需要在幻灯片之间切换时进行滑动转换（通过向左/向右滑动）。现在，相同的效果（淡入/淡出）覆盖了此过渡。我知道这是因为我的一般声明只检查afterSlideLoad中的索引，但不确定只有在从索引幻灯片执行操作时才能激活它

到目前为止

这就是我到目前为止所做的：

$('#fullpage').fullpage({
  css3: true,
    // Hide the slides container before the next slide loads
    onSlideLeave: function(anchorLink, index, slideIndex, direction) {
      if(index == 3 || index == 4){
        $.fn.fullpage.setScrollingSpeed(0);
        $('.fp-section').find('.fp-slidesContainer').hide();
      }
    },

    // Display the slides container by fading it in after the next slide has been loaded.
    afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex) {
      if(index == 3 || index == 4){
        $('.fp-section').find('.fp-slidesContainer').fadeIn(700);
        $.fn.fullpage.setScrollingSpeed(SCROLLING_SPEED);
        }
    },

}

这是我用来从索引中获取其中一张幻灯片的内容

  $(".button1").click(function() {
    $.fn.fullpage.moveTo('sectino1', 1); //move to index of grills
    $('.fp-section').find('.fp-slidesContainer').hide(); //hide current slide
  });

这是我用来在幻灯片打开后在幻灯片之间移动的

 $(".slide-left").click(function() {
    $.fn.fullpage.moveSlideLeft();
    $('.fp-section').find('.fp-slidesContainer').hide(); //hide current slide
  }); 

JS小提琴

---

为什么不直接使用fullpage.js提供的

如果你只想直接滚动到目的地，我不明白你为什么要添加淡入淡出效果

---

无论如何。这就是你想要的吗？

对于你提出的任何问题，在JSFIDLE或codepen中在线添加该问题的副本将增加你获得答案的机会。谢谢@Alvaro:这里是：非常感谢@Alvaro-马上！干杯感谢您的帮助@alvaro-我也尝试在每张幻灯片上放置一个关闭按钮（这会使您淡入索引幻灯片），但我遇到了麻烦。由于某些原因，我无法在JSFIDLE上复制：但在我的站点上，单击“关闭”将滚动到bak开始。有没有一种方法可以添加条件，这样如果目标幻灯片是索引，那么就没有滚动？