在前端项目开发中，大家可能多少都有用到过轮播图。一般为了省事，我们会使用现成的库，比如swiper。当然，很多组件库也带有轮播图组件，比如element-ui的ElCarousel组件。但是，有多少童鞋曾思考过其实现原理呢?又有多少童鞋尝试过手写一个呢?
要让图片轮播，可以使用HTML中的轮播插件或写JavaScript代码来实现。其中轮播插件如Bootstrap中的Carousel组件可以快速实现图片轮播效果，只需要在HTML中引入相应的CSS和JS文件，然后按照指定的格式编写图片和标签即可。
如果想自己写JavaScript代码实现轮播，可以使用setInterval()函数来定时切换图片，同时在CSS中设置图片的切换效果，如opacity和transform属性等。
图片轮 播步骤：
1、选择好图片，依次插入到幻灯片中。一般建议一个ppt幻灯片插入一张图片，也可以一个幻灯片插入几张图片，然后设置先后显示的时间。
2、设置图片显示的动画效果。
3、设置图片显示的时间，第二张幻灯片显示的时间要跟第一张连起来，选中图片，点击【计时】，设置切换的时间。
4、设置好时间后，点击幻灯片放映，观看效果。
