1首先，打开html编辑器，创建一个新的html文件，例如indexhtml，然后引入jquery，如下图所示2其次，完成上述步骤后，在indexhtml的标记中，输入下图红框中的jquery代码，如下图所示3接着，完成上述步骤后，浏览。

举个例子假设你已经引入了jquery，而html结构如下 那么你的js可以这么写quot#swphotoquotclickfunction $quot#swphotoimgquottoggle。

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

100 ， animationComplete functioncurrent 每个轮播图切换后回调，这个应该是隐藏图片说明文字 $#39caption#39animate bottom0 ，200 if windowconsole consolelog。

将当前显示的BANNER图片的索引值设置为0，也就是默认是第一个图片的序号var t = n = 0， count$documentreadyfunction定义获取四张BANNER图count=$quot#banner_list aquotlength 设置默认显示第一张。

1可以直接下载个Jquery 滚动图片插件2如果自己写代码，请参考以下lt！DOCTYPE html jquery 图片自动无缝滚动 ul，li liststyle margin 0。

count = 4 count = 0 setIntervalquotgoquot， 1000html代码图片一秒切换一次，arr配置需要切换的图片，arr1配置对应图片的alt属性，需要别的属性自己再增加数组。