我正在使用Flexslider为一系列滚动幻灯片制作动画。它进入并正常工作。我现在要做的是利用'after:'回调来淡化幻灯片中的标题。就运行顺序而言,它看起来像这样:
我在'after:'事件旁边使用了以下功能,你不知道它,它不起作用。标题已设置为显示:无;但从未表现出来(是的,我的时机很好)。
after: function(){$('.headline').fadeIn(500);},
HTML:
<li>
<div class="slide">
<div class="headline">Headline text goes here</div>
</div>
</li>
指导将不胜感激。
谢谢, @rrfive
答案 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家伙提供的文件,你会发现你需要的一切。 如果你有问题在这里回复。 最好的问候