图像滑块Swiper函数

Question

我正在使用swiper图像滑块，并根据其API，我应该能够有回调函数，但它不工作.. 我想要做的是，我有一个容器与我的图像上的文本与不透明度：0，我有一个css动画类，我想要被添加到我的容器，所以一旦加载页面，我想动画在第一张幻灯片，下滑动相同的规则，不开始CSS类，CSS类添加到它

这里是我的javascript代码

var mySwiper = new Swiper('.swiper-container', { 
     nextButton: '.swiper-button-next', 
     prevButton: '.swiper-button-prev', 
     spaceBetween: 30, 
     speed: 600, 
     effect: 'fade', 
     fade: { 
      crossFade: true 
     }, 
     onSlideChangeStart: function (Swiper){ 
      $('.slide-info').addClass('slider-text-animation '); 
     }, 
     onSlideChangeEnd: function (Swiper){ 
      $('.slide-info').removeClass('slider-text-animation '); 
     }, 
     loop: true, 
     autoplay: 6500 
    }); 

Answer 1

试试这个：

 mySwiper.on('slideChangeStart', function() { 
      $('.slide-info').addClass('slider-text-animation '); 
     }); 
     mySwiper.on('slideChangeEnd', function() { 
      $('.slide-info').removeClass('slider-text-animation '); 
     }); 

而且，看看他们的API。 http://www.idangero.us/swiper/api/

Answer 2

这只是组队，探索API简单，这将有助于你http://idangero.us/swiper/api/#parallax