2013-04-02 22 views
0

我有一個div與多個背景圖像。我也有一個腳本來每X秒更換一次這些圖片。我只是想添加一個簡單的淡入淡出過渡,而不是我單獨使用此腳本獲得的即時更改。我可以只添加一行簡單的代碼來完成這項工作嗎?非常感謝您的幫助。我是初學者!下列劇本:jquery照片數組容易褪色

<script type="text/javascript"> 
var now = 0; 
var int = self.setInterval("changeBG()", 2000); 
var array = ["jar1.jpg", "field.jpg",]; 

function changeBG(){ 
    //array of backgrounds 
    now = (now+1) % array.length ; 
    $('#maincontent').css('background-image', 'url("photos/' + array[now] + '")'); 

} 
</script> 

回答

0

David!

在另一個問題上看到了您的評論,我想我不妨看一看。下面的鏈接描述了jQuery中「簡單」交叉淡入淡出的方式,也許這可以幫助你在路上?

http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/

好運

+0

哇感謝!經過一些調整,我設法實現了!非常非常感謝你! – David

+0

唯一的問題是腳本運行一次,然後停在最後一幅圖像上。我怎樣才能讓它再次刷新列表頂部? – David

+0

是的,我也偶然發現了那個。我認爲你必須檢查它是否是行/列表中的最後一個圖像(檢查.next('file/element-type')),如果不是,請先轉到(.first())。你可以在jQuery網站上找到確切的標記! – Joost