可以參考下面的daima 3個div的統(tǒng)一class = #39div#39var index =03秒輪播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某個div顯示，其他的隱藏 quotdivquothide。

if$index === 0 當前為第一張輪播圖 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot這里寫成你自動切換的代碼，我這里只是一個無動態(tài)切換效果的方法。

下面是圖片輪播代碼 * var num = 0 function quot#div_pic ol liquotmouseoverfunctione thisattrquotclassquot，quotcurrentquotthissiblingsattrquotclassquot，quotquot 兄弟節(jié)點的class屬性設置為空。

1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html Document。

cookie#39the_cookie#39， #39the_value#39， expires 7 你這樣試試不設置路徑。

圖片輪播的話，有兩種方式1 通過js控制圖片的顯隱來實現(xiàn)輪播實現(xiàn)簡單通過定時器切換圖片這種方式我博客里有關鍵代碼，可以百度以下內容查看使用javascript，jquery實現(xiàn)的圖片輪播功能xyytIT2 通過定位方式，使圖片。

第一張顯示沒問題，第二張以及之后的圖片顯示為空白首先，排除掉圖片路徑?jīng)]問題如果有問題，也不會網(wǎng)上提問了初步判斷，css靜態(tài)定位錯誤css樣式固定在了第一張圖片，第二，第三之后的css定位不到，則顯示空白即。

mouseover時清除一下計時器，并不需要調用showpicn因為你鼠標懸浮是想要停止自動切換clearTimeoutt再幫一個moverout事件，里鼠標移出重新開始計數(shù)器。

我自己寫的BS輪播加手勢滑動，引入了一個插件，直接看代碼吧引入插件JS代碼$documentreadyfunction手勢右滑 回到上一個畫面$#39#myCarousel#39bind#39swiperight swiperightup swiperightdown#39，function。

將你的carousel類設置固定寬高，并設置overflowhidden。

jQuery自動適應屏幕寬度滑動輪播圖Divas Slider，當前屏幕顯示三張圖片中間高亮顯示，左右滑動切換，此插件最大特點就是可以根椐自動適應屏幕寬度，高度等比例縮放。

自己加五張圖片，然后lt！doctype html lt！聲明當前頁面的編碼集charset=gbk，gb2312中文編碼，utf8國際編碼 lt！當前頁面的三要素 騰訊課堂專業(yè)的在線教育平臺 lt！css，js margin。

利用JQUERY來寫，代碼示例 imgdisplayblock showboxwidth226pxheight160pxbordersolid 6px redmargin0 autooverflowhidden imgboxwidth904pxbordersolid 6px blue imgbox imgfloatleft。

charset=utf8quot 很早時候寫的function$ $fnpluginName = functionoptions 默認配置var defaults = speed quot3000quot，flag true自動輪播合并參數(shù)，把外部傳進來的參數(shù)和defaults參數(shù)合并。

lt！DOCTYPE html 最簡單的輪播廣告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。