可以参考下面的daima 3个div的统一class = #39div#39var index =03秒轮播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某个div显示，其他的隐藏 quotdivquothide。

if$index === 0 当前为第一张轮播图 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法。

下面是图片轮播代码 * var num = 0 function quot#div_pic ol liquotmouseoverfunctione thisattrquotclassquot，quotcurrentquotthissiblingsattrquotclassquot，quotquot 兄弟节点的class属性设置为空。

1轮播图片2css和html代码部分3轮播js代码部分 下面的可以参考lt！DOCTYPE html Document。

cookie#39the_cookie#39， #39the_value#39， expires 7 你这样试试不设置路径。

图片轮播的话，有两种方式1 通过js控制图片的显隐来实现轮播实现简单通过定时器切换图片这种方式我博客里有关键代码，可以百度以下内容查看使用javascript，jquery实现的图片轮播功能xyytIT2 通过定位方式，使图片。

第一张显示没问题，第二张以及之后的图片显示为空白首先，排除掉图片路径没问题如果有问题，也不会网上提问了初步判断，css静态定位错误css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白即。

mouseover时清除一下计时器，并不需要调用showpicn因为你鼠标悬浮是想要停止自动切换clearTimeoutt再帮一个moverout事件，里鼠标移出重新开始计数器。

我自己写的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！当前页面的三要素 腾讯课堂专业的在线教育平台 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自动轮播合并参数，把外部传进来的参数和defaults参数合并。

lt！DOCTYPE html 最简单的轮播广告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。