bootstrap图片自动轮播效果图：

代码实现：

<div class="carousel-inner" role="listBox">
<div class="item active">

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" id="aaron1">
<span class="sr-only">Previous

<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" id="aaron2">
<span class="sr-only">Next