은 내가 어떻게 "슬라이드", "페이드", "큐브", ​​"커버 플로우"또는 "플립"이 될 수 기본 효과로</p> <p><a href="http://idangero.us/swiper" rel="nofollow noreferrer">swiper.js</a>에 내 사용자 지정 효과를 새로 추가 할 swiperJs

Question

에서 사용자 정의 효과를 추가 할 수 하지만, 내 맞춤 효과를 모든 이벤트와 함께 추가하고 싶습니다. 어떻게 할 수 있습니까?

Answer 1

1) swiper.js에서 s.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 
    } 
} 

2)이을 새로운 효과를 사용하려면 자세한 내용

var mySwiper = new Swiper('.swiper-container', { 

      // other options … 

      // and add this 
      effect: “myEffect” 
     } 

); 

여기 봐 : https://github.com/nolimits4web/Swiper/issues/1497