2013-04-02 31 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... 
    }); 
});