详细简单的php图片轮播,几分钟让你学会简单的图片轮播

图片轮播的方法有很多种，这里我用一种简单的方法。

功能

点击左右箭头能够自由切换上一张图片和下一张图片

利用定时器和函数递归来实现图片间歇切换和动画切换

聚焦原点跟随图片的切换和改变，点击聚焦原点也可以切换图片

(ps: 样式代码自己随便写即可)

• 
• 
• 
• 
• 
• 

首先，要有一个大概的思路就是

在最外层有一个父包含块outerWrapper(长宽设为一张图片的大小),里面有一个图片包含块img-wrapper(宽度为所有图片的宽度和，高度和图片一样)。

设置父包含块outerWrapper的display:hidden ，图片包含块img-wrapper中的img设为浮动的，这样所有图片在一行，并且每次只能看到一张图片，其他都被隐藏了。(注意图片中的第一张和最后一张，这样做是为了无缝隙的从第一张切换到最后一张，从最后一张切换到第一张)。

设置父包含块outerWrapper oposition:relative,图片包含块img-wrapper``oposition:relative,添加内联样式