圖像滑塊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