jQuery輪播圖可以實現圖片的自動輪換，讓網頁更具動感。接下來我們來學習關于jQuery輪播圖來回輪播的知識。

$(function(){
//獲取到輪播的個數
var length = $("#carousel-img").children().length;
var currentIndex = 1;
var interval;
//設置輪播函數，每隔2秒執行一次
function loop(){
interval = setInterval(function(){
currentIndex++;
if(currentIndex === length){
currentIndex = 1;
$("#carousel-img").css({
left:0
});
}
//實現輪播過程
$("#carousel-img").animate({
left:-($("#carousel-img").children().width() * (currentIndex - 1))
}, 500);
}, 2000);
}
loop();
});

代碼中，我們首先通過獲取輪播數目獲取到輪播的個數，然后通過setInterval函數設置輪播的時間間隔，使得輪播圖每隔2秒就可以切換。在loop函數中，我們通過currentIndex來控制當前展示的輪播圖片，每輪播一張圖片，就將currentIndex加1，當currentIndex等于length時，即展示完畢，跳轉至第一張圖片。在animate函數中，我們通過設置 left值，實現輪播過程，同時通過控制動畫速度，使得輪播效果更加流暢。

通過上述的代碼，我們可以實現jQuery輪播圖的來回輪播。如果需要實現其他的輪播效果，只需要在輪播函數中進行相應的修改即可。