第四步,设计轮播图片的计数器。在容器内部添加计数器,加上一个名为“carousel-indicators”的类,用于显示图片的播放顺序。其中,data-target="#slidershow" ,用于触发声明事件的目标。代码如下:
第五步,设计轮播图片的播放区域。这个区域主要用来放轮播的图片。加一个名为“carousel-inner”的类,并放置在carousel容器中,再加一个名为“item”的容器来放置每张轮播图片。代码如下: