2013-04-02 25 views
0

看一看此图片: enter image description here 您可以在图像滑块下看到一个引用块(如果它有用,它就是nivo滑块)。 每次图像更改时,我都必须更改报价块中的句子。 我觉得这是不可能的,但只是想一点点,我可以用setInterval()设置一个间隔到引用块,并以适合滑块时间的方式设置时间。jquery按时间间隔更改div内容

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

感谢在advace

+0

http://stackoverflow.com/questions/6007311/how-can-use-the-setinterval-to-change-the-text?rq=1 – hjpotter92

回答

1

我会认为你可以实现与NIVO滑块内置的字幕功能,你的目标。您可以根据需要设置标题元素的样式。

”要为图片添加标题,您只需向图片添加标题属性即可添加HTML标题,只需将title属性设置为包含标题的元素的标识(前缀为散列)。需要注意的是,它包含您的标题的HTML元素必须应用的CSS类NIVO-HTML的标题,并且必须是滑块股利之外。

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

如果不适合,使用一个afterChange功能来更新您的字幕元素:

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

为什么不使用Cycle Plugin这听起来像你正在寻找的东西。插件提供了一个称为循环的方法,它在容器元素上被调用。容器的每个子元素都变成了“幻灯片”。选项控制幻灯片转换的方式和时间。

这里是一个样本Demo

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