5.11　旋转轮播

源文件：carousel.js、carousel.less

CSS文件：bootstrap.css 5421行之后

旋转轮播（Carousel）这个插件有很多种译法，有人叫轮播，有人叫传送带，本书为了形象而译为“旋转轮播”（其实我个人私下都是叫它幻灯片），也简称轮播。其主要显示效果就像各大网站的400×600的多幅滚动广告一样，比如京东首页的大图片，默认情况下是循环向左轮播，如果单击某一小方块的话，会直接显示所单击的那张图。本插件不仅要实现这种效果，还实现定制化（也就是可以用JavaScript代码手动触发显示或者隐藏任意一张图片），效果如图5-17所示。

图5-17　旋转轮播幻灯片效果