Нужна помощь с использованием функций Nivo Slider beforeChange и afterChange для эффектов затухания в пользовательском заголовке div

Question

Я пытаюсь использовать собственную структуру div для отображения надписей на Nivo Slider, и у меня возникают проблемы с использованием эффектов постепенного появления и исчезновения самого текста надписи. Я вызываю заголовки постов и контент из пользовательского типа поста внутри div, который я назвал #customcaption, а фактический текст вызывается внутри div, называемого .captiontext в предыдущем div.

Все отображается так, как и должно, но я не могу заставить эффект постепенного появления постепенно работать так, как при вызове заголовка из атрибута заголовка HTML. Я использовал следующие функции beforeChange и afterChange, чтобы попытаться добиться этого, но это не совсем работает:

beforeChange: function(){
    $('.captiontext').fadeOut(500);
}, 

afterChange: function(){
    $('.captiontext').fadeIn(500);
}, 

Мне также хотелось бы, чтобы он соответствовал скорости анимации, как это делается по умолчанию при вызове заголовка из заголовка HTML. Я очень новичок в Nivo Slider, поэтому я немного n00b, любая помощь будет принята с благодарностью.

Answer 1

Вы пробовали использовать animate вместо fadeIn / fadeOut?Вместо этого анимируйте непрозрачность вниз и обратно и просто используйте ту же скорость, которую вы установили для Nivo Slider.