1、將當前顯示的BANNER圖片的索引值設置為0，也就是默認是第一個圖片的序號var t = n = 0， count$documentreadyfunction定義獲取四張BANNER圖count=$quot#banner_list aquotlength 設置默認顯示第一張；100 ， animationComplete functioncurrent 每個輪播圖切換后回調(diào)，這個應該是隱藏圖片說明文字 $#39caption#39animate bottom0 ，200 if windowconsole consolelog；3然后再輸入代碼 lt！ wrapper end 4然后就完成了；給你個思路哈 1，定義一個function 2，點擊的時候觸發(fā)這個function，獲取當前img名稱 3，因為你的img名稱都是有規(guī)律可循的，所以自己可拼接下一個的img名稱 4，將拼接完成的img名稱加上路徑，替換現(xiàn)在顯示的img路徑即可；1首先，打開html編輯器，創(chuàng)建一個新的html文件，例如indexhtml，然后引入jquery，如下圖所示2其次，完成上述步驟后，在indexhtml的標記中，輸入下圖紅框中的jquery代碼，如下圖所示3接著，完成上述步驟后，瀏覽；先給導航塊的a標簽設置img屬性和dataimg屬性img屬性為未選中圖片，dataimg為選中圖片第一個按鈕的img圖片應設置為默認選中的狀態(tài)點擊每個按鈕后進行按鈕切換圖片操作 quottabbaritemquotonquotclickquot， function。

2、setIntervalquotgoquot， 1000html代碼圖片一秒切換一次，arr配置需要切換的圖片，arr1配置對應圖片的alt屬性，需要別的屬性自己再增加數(shù)組；網(wǎng)上有很多圖片輪播的插件，你說的這種是最基本的，主要在于圖片切換時的效果，去找找，總有你合適的，而且用法都是很簡單的，比如一些jquery插件，$quot#turnAutoquotturnningconfig就可實現(xiàn)了，這里的turnning只是個例子；if$index === 0 當前為第一張輪播圖 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot這里寫成你自動切換的代碼，我這里只是一個無動態(tài)切換效果的方法；推薦一個給你，這是代碼，詳細的你可以看參考資料 fniFadeSlide = functioniSet iSet可選參數(shù)說明iSetfield==幻燈區(qū)域內(nèi)的圖片集 iSetico==按鈕鉤子 iSethigh==按鈕高亮樣式 iSetinterval==圖片切；setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時換背景圖片的代碼 * 下面是圖片切換代碼 va；objsrc=arrcurIndex 可以自己配置，自己設置每張圖片切換的時間間隔，自己設置每張圖片的路徑絕對相對路徑都可以雖然很簡單，但是很實用。

3、1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標簽，輸入jquery代碼var no = 0var arr = #39small2png#39， #39small3png#39function fun no ^= 1#39bod；實現(xiàn)的方法和操作步驟如下1首先，打開html編輯器，創(chuàng)建一個新的html文件，例如indexhtml，然后引入jquery，如下圖所示2其次，完成上述步驟后，在indexhtml的標記中，輸入下圖紅框中的jquery代碼，如下圖所示3；簡單寫了一個，不保證沒有 bug本人空間有演示鏈接注意修改 jQuery 路徑調(diào)整圖片大小后 CSS 和 jQuery一個 50 一個 350里面的尺寸要對應lt！DOCTYPE htmlkGalleryjQueryfunction$ $quot#kGalleryquot。

4、每過2秒去設置img的src屬性imgArr是保存圖片的數(shù)組，當每一張圖片都展示后重頭再開始 imgArr的值是一張張圖片我這里是在img文件夾下放了5張圖片，題主可以根據(jù)自己的需求選擇網(wǎng)上或者本地圖片代碼效果。