看一看此圖片: 您可以在圖像滑塊下看到一個引用塊(如果它有用,它就是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