如何将自定义效果添加到Swiper滑块JavaScript库？

Question

我想为Swiper滑块JavaScript库添加新的自定义效果。

默认的Swiper效果为slide，fade，cube，coverflow或flip 但我想添加我的自定义效果和所有事件。我怎么能这样做？

Answer 1

1. 转到s.effects中的swiper.js对象（效果部分）并添加您自己的效果属性，如下所示：

   myEffect: {
      setTranslate: function() {
          // your actual animation code goes here
      },
      setTransition: function( duration ) {
          // duration is between 0 and max speed (300 is default)
          // but you can change it in the config object below
          // is called when your swiping starts and ends
      }
   }
   

2. 要使用新效果，请执行以下操作：

   var mySwiper = new Swiper( '.swiper-container', {
          // other options …
          // and add this
          effect: “myEffect”
      }
   );
   

有关详细信息，请查看此处： https://github.com/nolimits4web/Swiper/issues/1497