需要帮助使用Nivo Slider beforeChange和afterChange函数对自定义标题div的淡入淡出效果

Question

我正在尝试使用自定义div结构在Nivo Slider上显示字幕，而我在使用字幕文本本身的淡入和淡出效果时遇到问题。我在一个名为#customcaption的div中调用自定义帖子类型的帖子标题和内容，实际文本在前一个div中名为.captiontext的div中调用。

所有内容都应该显示，但是当你从HTML title属性中调用标题时，我无法完全按照淡入淡出的方式工作。我已经使用了以下beforeChange和afterChange函数来尝试实现这一点，但它不是很有效：

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

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

我还希望它能像默认情况下从HTML标题中调用标题时那样匹配动画速度。我对Nivo Slider很新，所以我有点像n00b，任何帮助都会非常感激。

Answer 1

您是否尝试过使用animate代替fadeIn / fadeOut？相反，向下和向后设置不透明度的动画，并使用与您为Nivo Slider设置的相同速度。