как добавить пользовательские эффекты в swiperJs


4 принят

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 a€¦

          // and add this
          effect: a€?myEffecta€?
      }

  );

Для получения дополнительной информации см. Здесь: https://github.com/nolimits4web/Swiper/issues/1497

JavaScript, Swiper,

javascript,swiper,

2

Ответов: 1


4 принят

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 a€¦

          // and add this
          effect: a€?myEffecta€?
      }

  );

Для получения дополнительной информации см. Здесь: https://github.com/nolimits4web/Swiper/issues/1497

JavaScript, Swiper,
Похожие вопросы