看一看此图片: 您可以在图像滑块下看到一个引用块(如果它有用,它就是nivo滑块)。 每次图像更改时,我都必须更改报价块中的句子。 我觉得这是不可能的,但只是想一点点,我可以用setInterval()设置一个间隔到引用块,并以适合滑块时间的方式设置时间。jquery按时间间隔更改div内容
我真的不知道该怎么做我认为我必须设置一个在特定时间在html中显示的句子数组... 哦,我需要淡入淡出效果,但我不认为这是一个问题......
感谢在advace
看一看此图片: 您可以在图像滑块下看到一个引用块(如果它有用,它就是nivo滑块)。 每次图像更改时,我都必须更改报价块中的句子。 我觉得这是不可能的,但只是想一点点,我可以用setInterval()设置一个间隔到引用块,并以适合滑块时间的方式设置时间。jquery按时间间隔更改div内容
我真的不知道该怎么做我认为我必须设置一个在特定时间在html中显示的句子数组... 哦,我需要淡入淡出效果,但我不认为这是一个问题......
感谢在advace
我会认为你可以实现与NIVO滑块内置的字幕功能,你的目标。您可以根据需要设置标题元素的样式。
“”要为图片添加标题,您只需向图片添加标题属性即可添加HTML标题,只需将title属性设置为包含标题的元素的标识(前缀为散列)。需要注意的是,它包含您的标题的HTML元素必须应用的CSS类NIVO-HTML的标题,并且必须是滑块股利之外。“
http://dev7studios.com/nivo-slider/#/documentation
如果不适合,使用一个afterChange功能来更新您的字幕元素:
$('#slider').nivoSlider({
afterChange: function() {
// Do your caption update here.
}
});
为什么不使用Cycle Plugin这听起来像你正在寻找的东西。插件提供了一个称为循环的方法,它在容器元素上被调用。容器的每个子元素都变成了“幻灯片”。选项控制幻灯片转换的方式和时间。
这里是一个样本Demo
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
http://stackoverflow.com/questions/6007311/how-can-use-the-setinterval-to-change-the-text?rq=1 – hjpotter92