<p>
	<style type="text/css">
#circleContent{ 
    width:100%; 
    height:100%; 
   }	</style>
	<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script><script> 
   $(document).ready(function(){ 
    $('#circleContent').carousel({interval:4000});//每隔4秒自動輪播 
   }); 
  </script></p>
<p>
	&nbsp;</p>
<div class="carousel slide" data-ride="carousel" id="circleContent">
	<ol class="carousel-indicators">
		<!-- Indicators -->
		<li class="active" data-slide-to="0" data-target="#circleContent">
			&nbsp;</li>
		<li data-slide-to="1" data-target="#circleContent">
			&nbsp;</li>
		<li data-slide-to="2" data-target="#circleContent">
			&nbsp;</li>
		<li data-slide-to="3" data-target="#circleContent">
			&nbsp;</li>
		<li data-slide-to="4" data-target="#circleContent">
			&nbsp;</li>
	</ol>
	<!-- Wrapper for slides -->
	<div class="carousel-inner">
		<div class="item active">
			<img alt="芳林莊園" src="/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg" style="width:100%" />
			<div class="carousel-caption">
				<h3>
					歡迎來到芳林莊園農場的網站!!</h3>
			</div>
		</div>
		<div class="item">
			<img alt="芳林莊園" src="/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg" style="width:100%" />
			<div class="carousel-caption">
				<h3>
					歡迎來到芳林莊園農場的網站!!</h3>
			</div>
		</div>
		<div class="item">
			<img alt="芳林莊園" src="/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg" style="width:100%" />
			<div class="carousel-caption">
				<h3>
					歡迎來到芳林莊園農場的網站!!</h3>
			</div>
		</div>
		<div class="item">
			<img alt="芳林莊園" src="/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg" style="width:100%" />
			<div class="carousel-caption">
				<h3>
					歡迎來到芳林莊園農場的網站!!</h3>
			</div>
		</div>
		<div class="item">
			<img alt="芳林莊園" src="/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg" style="width:100%" />
			<div class="carousel-caption">
				<h3>
					歡迎來到芳林莊園農場的網站!!</h3>
			</div>
		</div>
	</div>
	<!-- Left and right controls --><a class="carousel-control left" data-slide="prevent" href="#circleContent"><span class="glyphicon glyphicon-chevron-left"><span class="sr-only">&lsaquo;</span></span></a> <a class="carousel-control right" data-slide="next" href="#circleContent"> <span class="glyphicon glyphicon-chevron-right"><span class="sr-only">&rsaquo;</span></span> </a></div>
<p>
	&nbsp;</p>
