Bootstrap3制作图片轮播效果(2)

<div> <img src="https://www.jb51.net/article/..." alt="https://www.jb51.net/article/..."> <div> <h3>...</h3> <p>...</p> </div> </div>

没啥悬念 就是每一个项目，填充图片 题目 和 内容 就好

2、左右控制器
代码如下

<a href="#myCarousel" role="button" data-slide="prev"> <span aria-hidden="true"></span> <span>Previous</span> </a> <a href="#myCarousel" role="button" data-slide="next"> <span aria-hidden="true"></span> <span>Next</span> </a>

在javascript中操作

初始化

$('.carousel').carousel({ interval: 2000 })

进行循环

.carousel('cycle')

暂停

.carousel('pause')

定位到具体某一个item 从0开始

.carousel(number)

前一个

.carousel('prev')