經過一周的學習，我順利完成了jquery輪播圖實訓，下面將分享一下我的實訓過程。

首先，我通過網上教程學習了jquery輪播圖的基本原理，并在實例教程的基礎上，成功實現了一個簡單的輪播圖。接下來，我通過學習bootstrap框架和css樣式，美化了輪播圖的界面，使得輪播圖更加美觀、易于使用。最后，我優化了輪播圖的代碼，提高了輪播圖的性能和穩定性。

//jquery輪播圖代碼
var iNow = 0;
$('.carousel .carousel-item:first').addClass('active');
$('.carousel-indicators li:first').addClass('active');
$('.carousel-indicators li').click(function(){
var i = $(this).index();
iNow = i;
$(this).addClass('active').siblings().removeClass();
$('.carousel-inner').animate({
'margin-left':-($('.carousel-item').width()*i)+'px'
},500);
})
setInterval(function(){
iNow++;
if(iNow == $('.carousel').find('.carousel-item').length){
iNow = 0;
}
$('.carousel-indicators li').eq(iNow).addClass('active').siblings().removeClass();
$('.carousel-inner').animate({
'margin-left':-($('.carousel-item').width()*iNow)+'px'
},500);
},3000);

在代碼中，我首先定義了一個變量iNow，表示輪播圖中當前顯示的圖片的索引。然后，我通過jQuery選擇器找到輪播圖中的第一張圖片和第一個指示器，并將其添加active類，表示其為當前的顯示狀態。接著，我綁定了輪播圖指示器的點擊事件，當用戶點擊指示器時，首先獲取其索引值，然后通過jQuery animate()方法實現圖片輪播。最后，我使用JavaScript的setInterval()函數實現圖片自動輪播的功能，每隔3秒鐘就自動切換到下一張圖片，使用jQuery animate()方法實現圖片輪播。

總的來說，通過這次jquery輪播圖的實訓，我不僅掌握了jquery及bootstrap框架的基本操作，還學會了輪播圖的制作技巧，對于我以后的web開發之路會有很大的幫助。