需要帮助使用 Nivo Slider beforeChange 和 afterChange 函数在自定义标题 div 上实现淡化效果答案

【问题标题】：Need help using Nivo Slider beforeChange and afterChange functions for fade effects on custom caption div需要帮助使用 Nivo Slider beforeChange 和 afterChange 函数在自定义标题 div 上实现淡化效果
【发布时间】：2011-06-20 20:27:29
【问题描述】：

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

一切都按应有的方式显示，但是当您从 HTML 标题属性调用标题时，我不能完全让淡入和淡出工作。我使用了以下 beforeChange 和 afterChange 函数来尝试实现这一点，但它并不完全有效：

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

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

我还希望它能够像默认情况下从 HTML 标题调用标题时那样匹配动画速度。我对 Nivo Slider 很陌生，所以我有点 n00b，任何帮助将不胜感激。

【问题讨论】：

拥有一个 html 样本和其余的 jquery 代码有助于弄清楚发生了什么。

标签： jquery slider nivo-slider

【解决方案1】：

您是否尝试过使用动画代替淡入/淡出？将不透明度设置为向下和向后设置动画，只需使用您为 Nivo Slider 设置的相同速度即可。

【讨论】：