jquery按时间间隔更改div内容

Question

看一下这张照片： 您可以在图像滑块下看到一个引用块（如果有用的话，它是nivo滑块）。 每次图像更改时，我都必须更改引号块中的句子。 我认为这是不可能的，但只是想一下pheraphs我可以用setInterval（）设置一个间隔到报价块，并以适合滑块时间的方式设置时间。

我真的不知道该怎么做我想我必须设置一个在特定时间以html显示的句子数组...... 哦，我需要淡化效果，但我不认为这是一个问题...

非常感谢advace

Answer 1

我认为你可以通过Nivo Slider的内置字幕功能实现你的目标。您可以根据需要设置标题元素的样式。

“要为图像添加标题，您只需要为图像添加标题属性。要添加HTML标题，只需将title属性设置为包含标题的元素的ID（前缀为请注意，包含标题的HTML元素必须应用CSS类nivo-html-caption，并且必须位于滑块div之外。“

http://dev7studios.com/nivo-slider/#/documentation

如果不合适，请使用afterChange函数更新标题元素：

$('#slider').nivoSlider({
    afterChange: function() {
        // Do your caption update here.
    }
});

Answer 2

为什么不使用Cycle Plugin它听起来就像你正在寻找的那样。插件提供了一个名为cycle的方法，它在容器元素上调用。容器的每个子元素都变成“幻灯片”。选项控制幻灯片的转换方式和时间。

这是一个示例Demo

$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});