Remove Effekt für die erste und letzte Folie SwiperJS

Question

Ich habe Swiper Folie mit Coverflow-Effekt integriert, jetzt will ich nicht den Effekt für die erste und letzte Folie. Können wir den Effekt nur für die erste und die erste Folie entfernen?

Answer 1

Sie können Ihre Position überprüfen und "swipe to prev" deaktivieren, wenn Sie sich in der ersten Registerkarte befinden, und "swipe to next", wenn Sie sich in der letzten befinden. So,

 var swiper = new Swiper('.swiper-container', { 
      effect:'coverflow', 
      pagination: '#progressbar', 
      paginationType: 'progress', 
      nextButton: '#next-button', 
      prevButton: '#prev-button', 
      spaceBetween: 30, 

      onInit: function (swiper) { 
       if (swiper.activeIndex == 0) swiper.lockSwipeToPrev(); 
       if (swiper.isEnd)    swiper.lockSwipeToNext(); 
      }, 

      onSlideChangeStart: function (swiper) { 
       if (swiper.activeIndex == 0) swiper.lockSwipeToPrev(); 
       else       swiper.unlockSwipeToPrev(); 

       if (swiper.isEnd)    swiper.lockSwipeToNext(); 
       else       swiper.unlockSwipeToNext(); 
      }, 
     });