FlexSlider после того, как событие не срабатывает (или правильно сформировано)

Я использую 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


javascript jquery fadein flexslider
person rrfive    schedule 12.11.2012    source источник
comment
Я не вижу ничего плохого в том, что вы здесь написали. Для отладки я бы проверил div.headline и посмотрел, что происходит.   -  person Pickels    schedule 13.11.2012

Ответы (1)


arrow_upward
4
arrow_downward

вы пропустили объект "слайдер" в вызове функции:

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

Также необходимо указать, какие из элементов .headline вы хотите затенить следующим образом:

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

Проверьте документацию, предоставленную ребятами из woothemes, вы найдете все, что вам нужно. Если у вас есть проблемы, ответьте здесь. С наилучшими пожеланиями

person iEmanuele    schedule 14.12.2012