jQuery輪播圖淡入效果是一種常見的網站設計元素，它可以讓網站更加生動和吸引人，增強用戶對網站內容的關注度。下面我們通過一個簡單的jQuery輪播圖淡入Demo來了解實現方法。

$(document).ready(function(){
// 設置輪播圖片列表和當前索引值
var imgs = $("#img-list img");
var index = 0;
// 定時器實現輪播效果
setInterval(function(){
// 當索引值達到最大，則從頭開始
if(index == imgs.length) {
index = 0;
}
// 淡出前一個圖片，淡入當前圖片
imgs.eq(index - 1).fadeOut(500);
imgs.eq(index).fadeIn(500);
// 索引值自增
index++;
}, 2000);
});

以上代碼說明：

在頁面加載完成后，我們首先獲取輪播圖片列表和當前索引值。imgs是一個包含輪播圖片的jQuery對象數組，index則用于表示當前顯示圖片的索引值，初始值為0。

接著，我們使用setInterval()函數來開啟一個定時器，間隔2秒依次顯示輪播圖片。當索引值index達到最大時，即等于圖片數量時，我們將索引值重置為0。

在每次切換輪播圖片時，我們使用fadeIn()和fadeOut()函數實現圖片淡入和淡出效果。其中，eq()函數用于選擇當前的圖片和前一張圖片，時間參數500表示淡入和淡出效果的時長。

最后，我們自增索引值index，以便下次切換顯示輪播圖片。

這樣，我們就通過一段簡單的jQuery代碼，實現了輪播圖淡入效果。