imgArri ， 2000 上面是代码实现原理是通过间隔定时器，每过2秒去设置img的src属性imgArr是保存图片的数组，当每一张图片都展示后重头再开始 imgArr的值是一张张图片我这里是在img文件夹下放了5张；下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_text。

1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码var no = 0var arr = #39small2png#39， #39small3png#39function fun no ^= 1#39bod；然后控制父divbgIn的left属性，让这个divbgIn相对于它的父divbg中左右移动而已你用chrome的审查元素就能看到的最外边那个divbg则主要是控制z轴，让它显示在页面下面 而这些设置好之后，用jquery的toggle函数。

第一张显示没问题，第二张以及之后的图片显示为空白首先，排除掉图片路径没问题如果有问题，也不会网上提问了初步判断，css静态定位错误css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白即；3简单的代码示例如下lt！DOCTYPE html jquery轮播效果图 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl。

以下是4张图片轮换的效果，把里面的中文改成相应的内容，保存成html或其他网页格式就能看到效果，希望能帮到您 var elady_step=31small， 3middle， 5big var elady_speed=5020fast， 50middle， 80；不懂再问，这是我自己写的一个轮换，里面包括了点击事件，原理是控制图片的显示隐藏，别的有控制高度等等之类的。

2其次，完成上述步骤后，在indexhtml的标记中，输入下图红框中的jquery代码，如下图所示3接着，完成上述步骤后，浏览器运行indexhtml页面，显示出了其中1张背景图片，如下图所示4最后，完成上述步骤后，再次单；这种插件非常多， 你可以挑一个用 如果你要问原理， 关键点是 外层div是一个窗口， 控制好长宽， 设置overflow为hidden， 那么只有在此区域内的内容才会被显示 内容是一堆图片， 通过js控制位置， 比如用relative定位， 通过css。

if$index === 0 当前为第一张轮播图 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法；举个例子假设你已经引入了jquery，而html结构如下 那么你的js可以这么写quot#swphotoquotclickfunction $quot#swphotoimgquottoggle。

jQuery自动适应屏幕宽度滑动轮播图Divas Slider，当前屏幕显示三张图片中间高亮显示，左右滑动切换，此插件最大特点就是可以根椐自动适应屏幕宽度，高度等比例缩放；动画效果，图片从右侧飞入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动。

获取这两个按钮的class，然后点击其中一个的时候变样式，另一个也变就可以了quotxxquotonquotclickquot，function thisaddClassquothr1quotsiblingsremoveClassquothr1quot上面的代码只是一个示例，因为不知道。