事件未触发(或正确形成)后的FlexSlider

时间:2012-11-12 23:47:38

标签: javascript jquery fadein flexslider

我正在使用Flexslider为一系列滚动幻灯片制作动画。它进入并正常工作。我现在要做的是利用'after:'回调来淡化幻灯片中的标题。就运行顺序而言,它看起来像这样:

  1. 幻灯片(包含背景图片)淡入。
  2. 暂停(1秒)。
  3. 标题淡出。
  4. 我在'after:'事件旁边使用了以下功能,你不知道它,它不起作用。标题已设置为显示:无;但从未表现出来(是的,我的时机很好)。

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

    HTML:

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

    指导将不胜感激。

    谢谢, @rrfive

1 个答案:

答案 0 :(得分:4)

你错过了函数调用中的'slider'对象:

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

还必须通过这种方式指定要淡出的.headline元素:

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

检查woothemes家伙提供的文件,你会发现你需要的一切。 如果你有问题在这里回复。 最好的问候