最近學習jQuery時，發現使用count輪播圖非常方便實現圖片輪播效果，下面來介紹一下count輪播圖的使用。

<div class="carousel">
<div class="carousel-inner">
<div class="item active">
<img src="img/slide1.jpg">
</div>
<div class="item">
<img src="img/slide2.jpg">
</div>
<div class="item">
<img src="img/slide3.jpg">
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>

首先需要在HTML中添加輪播圖的代碼結構，有一個大的容器div，內部包含圖片和左右兩個控制按鈕。
其中，class為carousel的div是最外層的大容器，class為carousel-inner的div是放置輪播圖圖片的容器，class為item的div則是輪播圖每個圖片的容器。

接下來就可以使用jQuery調用count方法實現輪播圖效果了。

<script>
$(function(){
$('.carousel').carousel({
interval: 3000,   //圖片自動播放間隔時間
　　　　pause: "hover"　//鼠標懸停在輪播圖上面時停止自動切換
});
});
</script>

使用count方法只需要在jQuery中調用carousel方法，并設置interval和pause參數即可。其中，interval表示圖片自動播放間隔時間，單位是毫秒；pause表示當鼠標懸停在輪播圖上面時是否停止自動切換，值為"hover"時表示懸停時停止，無值或為false表示不停止。

綜上所述，使用count輪播圖實現圖片輪播效果非常方便簡單，只需要在HTML中添加輪播圖的結構，然后在jQuery中調用carousel方法并設置參數即可實現輪播效果。