imgArri ， 2000 上面是代碼實現原理是通過間隔定時器，每過2秒去設置img的src屬性imgArr是保存圖片的數組，當每一張圖片都展示后重頭再開始 imgArr的值是一張張圖片我這里是在img文件夾下放了5張。

最簡單的JS切換，先引用jquery js代碼 var arr = quotimage1jpgquot， quotimage2jpgquot， quotimage3jpgquot， quotimage4jpgquot var arr1 = quotimg1quot， quotimg2quot， quotimg3quot， quotimg4quot var count = 0 f。

注意修改 jQuery 路徑調整圖片大小后 CSS 和 jQuery一個 50 一個 350里面的尺寸要對應lt！DOCTYPE htmlkGalleryjQueryfunction$ $quot#kGalleryquotappend#39#39 + $thisfindquotliactive imgquot。

1HTML結構 2javascript代碼 function changenifn5 n=1 一共5張圖片，所以循環(huán)替換documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000。

objsrc=arrcurIndex 可以自己配置，自己設置每張圖片切換的時間間隔，自己設置每張圖片的路徑絕對相對路徑都可以雖然很簡單，但是很實用。

舉個例子假設你已經引入了jquery，而html結構如下 那么你的js可以這么寫quot#swphotoquotclickfunction $quot#swphotoimgquottoggle。

function auto ilt$lilength1？i++i=0lieqiaddClassquotshowLiquotsiblingsremoveClassdiveqishowsiblingshide limouseoverfunction clearIntervalseti = $this。

功能已實現，你可以自己設定樣式 傳入imgs圖片集合是一個jquery對象，index表示當前索引，oper表示+或者 也就是向左向右移動function funcimgs，index，oper 得到應該移動到的索引 ifoper==quot+quot inde。

var i=1function changeobj i++ifi10 i=1當圖片大于10張時，讓i=1 var newSrc=iobjsrc=quotimgquot+newSrc+quotjpgquot 要求圖片是一種格式，簡單的用數字表示，好理解，因為。

2在indexhtml中的script標簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進入indexhtml頁面中，此時顯示出一張圖片4過1秒后，圖片自動切換為另一張圖片了。

這個是代碼，其中第一行的就是jQuery的js，你用他的或者自己下一個都行，直接復制到html文件運行就能看到效果 function dk_slideplayerobject，config thisobj = objectthisconfig = config ？ config width。

type=quotbuttonquot value=quot暫停quot onClick=quotpausequot ltBODY ltHTML 建個html文件，把這段代碼放進去，跟圖片放一起，試一下，希望對你有幫助。

我最近也寫了一個類似的，不過我這個是固定，雖然也是js圖片切換 但跟你的這個效果的代碼不同，以下是我的代碼lt！***圖片切換部分*** 123 ltimg src=quotlt%=tu1%quot。

網上有很多圖片輪播的插件，你說的這種是最基本的，主要在于圖片切換時的效果，去找找，總有你合適的，而且用法都是很簡單的，比如一些jquery插件，$quot#turnAutoquotturnningconfig就可實現了，這里的turnning只是個例子。

lt！DOCTYPE htmlRunJS#num spanactive backgroundcolor red #num spanwait backgroundcolor black var imgArray = #39imggame1png#39， #39imggame2png#39， #39imggame3png#39， #39imggame。

頁面中需要引用的JS 參照 jQuery全屏滾動插件fullPagejs 實現自動滾動思路所謂自動滾動也就是進入頁面后，不使用鼠標等操作就可以自動翻頁滾動利用js給定一個時間范圍，例如3秒調用一次滾動方法，就可以實現！獲取一。

Jane shopping function quotrightboxquotclickfunction選取class為rightbox的元素 thisaddClassquotthisquotsiblingsremoveClassquotthisquot給選中的當前元素加上this，同時同輩元素。