2010-12-15 88 views
0

http://www.beulahprint.ieJquery Slideshow No Fade

我想建立一個客戶推薦幻燈片。我想要大約10個div,每個div都會有一個圖像和一些文本,jQuery通過div循環,在每個div上暫停幾秒鐘,並在完成時重複循環。一個div顯示在一次,沒有褪色。

另外,我可以只有一個股利,如果這是可能的交替內容?

目前我的網站上有圖片淡化,但我無法找到任何幫助div div幻燈片沒有淡化。

回答

0

有一個插入描述here,讓你循環使用你喜歡的任何效果的圖像。

+0

在我的網站的客戶評價部分中,您可以看到我已經設置它來循環顯示圖像。事情是,我想循環divs,而不是圖像。這可能嗎? – Colm 2010-12-15 14:10:17

+0

該插件提供了一個稱爲循環的方法,該方法在容器元素上調用。容器的每個子元素都會成爲一個來自這裏的「幻燈片」:http://jquery.malsup.com/cycle/,似乎建議您可以使用div作爲容器對象。 – Ali 2010-12-15 18:28:21

+0

只是測試了這一點,它的工作原理。讓我知道如果你有任何問題 – Ali 2010-12-15 18:39:22

0

我通常使用1 div來表示幻燈片,以及一個隱藏的未編號列表以及需要顯示的項目。

<div id="slideshow"> 
    <div id="image"></div> 
</div> 
<ul id="images" style="display:none;"> 
    <li>image1.jpg</li> 
    <li>image2.jpg</li> 
</ul> 

你可以用jquery next()函數(http://api.jquery.com/next)運行槽列表。獲取當前列表項的html值並將div#圖像的背景設置爲該值。

+0

但是,這隻會顯示一個圖像列表的權利?我可以設置它來運行一個div列表嗎?每個div都包含圖像和文本? – Colm 2010-12-15 12:02:13

+0

不,它不會顯示列表,因爲顯示:無;它只是使用列表來幫助循環瀏覽圖像。 – Jens 2010-12-15 12:03:47

+0

不,我想要循環顯示div列表,而不是圖像列表。這可能嗎? – Colm 2010-12-15 12:06:53