2012-11-12 13 views
2

我正在使用Flexslider爲一系列滾動幻燈片設置動畫。它在並且工作得很好。我現在想要做的就是利用'after:'回調淡入幻燈片中的標題。在運行秩序方面,它會是這個樣子:FlexSlider在事件未觸發(或正確形成)後

  1. 幻燈片(含背景圖像)淡入
  2. 暫停(1秒)。
  3. 標題淡入

我使用下面的函數旁邊的「後:」事件,你不知道它,它不工作。標題已設置爲顯示:無;但從來沒有表明(是的,我的時機很好)。

after: function(){$('.headline').fadeIn(500);}, 

HTML:

<li> 
    <div class="slide"> 
      <div class="headline">Headline text goes here</div> 
    </div> 
</li> 

指導,將不勝感激。

感謝, @rrfive

+0

我在這裏發佈的內容沒有看到任何問題。調試我會檢查div.headline,看看發生了什麼。 – Pickels

回答

4

你錯過了你的函數調用「滑塊」對象:

after: function(slider){ 
//do your stuff here 
} 

也是必須註明您這樣想淡入其中.headline元素:

after: function(slider){ 
curSlide = slider.slides[slider.currentSlide]; 
$(curSlide).find('.headline').fadeIn(500); 
} 

查看woothemes傢伙給出的文檔,你會發現你所需要的。 如果你有問題,在這裏回覆。 致以問候