bootstrap輪播圖-海報

 HTML部分，需要先引用bootstrap文件

<link rel="stylesheet" href="../css/bootstrap.css">
<script type="text/javascript" charset="utf-8" src="../js/bootstrap.min.js"></script>

<!-- 海報 -->  
<div id="bg">
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- 輪播（Carousel）指標 -->
		<ol class="carousel-indicators ceng">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>   
		<!-- 輪播（Carousel）項目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="../img/bg.jpg" alt="First slide">
			</div>
			<div class="item">
				<img src="../img/bg.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img src="../img/bg.jpg" alt="Third slide">
			</div>
		</div> 
	</div> 
</div>

可以在輪播圖下方添加對應的標題

<div class="carousel-caption">標題 1</div>

 JQ控制輪播切換時間： 

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