可以定义样式类 prev，用于即将淡出的图片，样式中设置 z-index 大于1。另外淡出的时候，不要让所有元素同时淡出。
创新互联-专业网站定制、快速模板网站建设、高性价比广河网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式广河网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖广河地区。费用合理售后完善，十多年实体公司更值得信赖。
解决办法：后台ajax删除数据，前台行数据remove（）。remove（）删除数据会很快，没等你看清，数据行就没有了。所以这里考虑增加一定的动画效果，一开始我考虑用setTimeOut，但是这个比较麻烦。
第一张显示没问题，第二张以及之后的图片显示为空白。首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）初步判断，css静态定位错误。css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。
使用jQuery做轮播图是网页特效中很常见的一个特效。工具原料：编辑器、浏览器、jQuery 实现的总体思路：首先是初始化部分：将除了第一张轮播图片意外的图片都隐藏，并且隐藏向前、向后按钮，使第一个索引按钮处于激活状态。
首先就是要构架好整个轮播的盒子，以及它所需要的内容（是为了轮播切换图片的时候不会出现空白）。然后就是设置轮播盒子的大小以及里面按钮的样式。
这个效果你不用自己去写，可以在网上搜索“JS代码特效”，下载来修改一下CSS的尺寸就可以了。
首页轮播图是网站基础功能，最简单的手机拍照后修饰下就能做轮播图了。需要注意的是，不要随便从网上下载图片，这种有可能涉及到侵权。购买了版权的图片那就随意用吧。
实现的总体思路：首先是初始化部分：将除了第一张轮播图片意外的图片都隐藏，并且隐藏向前、向后按钮，使第一个索引按钮处于激活状态。
mouseover时清除一下计时器，并不需要调用showpic(n)。因为你鼠标悬浮是想要停止自动切换。clearTimeout(t)；再帮一个moverout事件，里鼠标移出重新开始计数器。
使用 setInterval 方法即可设定轮播图档时间 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
第一张显示没问题，第二张以及之后的图片显示为空白。首先，排除掉图片路径没问题。（如果有问题，也不会网上提问了）初步判断，css静态定位错误。css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白。
jQuery是一个比较成熟的JS框架，简化了编程的流程。图片轮播就是在页面里的图片之间的各种切换效果，让页面看起来更美观。你问的就是通过jQuery框架来实现的图片切换效果的代码，使用时记得调用jQuery文件。