HTML图片轮播代码怎么写？

以4张圖(tú)片(piàn)为例：

1.基本布局：

将4张圖(tú)片(piàn)左浮动横向并排放入一个div容器内，圖(tú)片(piàn)设置(zhì)统一尺寸，div寬(kuān)度设置(zhì)4个圖(tú)片(piàn)的总尺寸，然后放入相框容器div，

相框设置(zhì)1个圖(tú)片(piàn)的大小并设置(zhì)溢出隐藏，以保证正确显示一个照片(piàn)。

2.设置(zhì)动画：

然后使用css3动画，通过对photos进行位移，从而达到显示不同的圖(tú)片(piàn)，每次偏移一个圖(tú)片(piàn)的寬(kuān)度，即可显示下一张圖(tú)片(piàn)。

4张圖(tú)片(piàn)，需要切換(huàn)3次.

根据需要可以对各个圖(tú)片(piàn)添加相应的序(xù)号和(hé)圖(tú)片(piàn)简介。

3.代(dài)碼(mǎ)如下：

複(fù)制(zhì)代(dài)碼(mǎ)

1

複(fù)制(zhì)代(dài)碼(mǎ)

複(fù)制(zhì)代(dài)碼(mǎ)

22222222222222

33333333333333

44444444444444

拿走不谢！