如何向Swiper slider JavaScript库添加自定义效果?

如何向Swiper slider JavaScript库添加自定义效果?,javascript,swiper,Javascript,Swiper,我想向SliderJavaScript库添加一个新的自定义效果 默认的刷卡效果是幻灯片,淡入,立方体,覆盖流或翻转 但我想添加自定义效果和所有事件。我该怎么做 转到swiper.js中的s.effects对象(effects部分),添加您自己的效果属性,如下所示: myEffect: { setTranslate: function() { // your actual animation code goes here }, setTransition: func

我想向SliderJavaScript库添加一个新的自定义效果

默认的刷卡效果是
幻灯片
淡入
立方体
覆盖流
翻转
但我想添加自定义效果和所有事件。我该怎么做

  • 转到
    swiper.js
    中的
    s.effects
    对象(effects部分),添加您自己的效果属性,如下所示:

    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
       }
    }
    
  • 要使用新效果,请执行以下操作:

    var mySwiper = new Swiper( '.swiper-container', {
           // other options …
           // and add this
           effect: “myEffect”
       }
    );
    
  • 有关更多信息,请查看此处:

    它已经过时了@姚嘉辉 为什么呢你能告诉我们现在该怎么办吗?