轻量级旋转木马,jQuery旋转木马插件

微型旋转木马是一个轻量级基于滑动html内容的旋转木马。微型旋转木马可以滑垂直或水平,支持导航按钮或分页。可以设置动画时间以毫秒为单位或“即时”,间隔可以设置为自动将幻灯片每一毫秒。
使用方法
引用css和js文件
<link rel="stylesheet" href="css/website.css" type="text/css" media="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
html代码
<div id="slider1">
		<a class="buttons prev" href="#">left</a>
		<div class="viewport">
			<ul class="overview">
				<li><img src="images/picture6.jpg" /></li>
				<li><img src="images/picture5.jpg" /></li>
				<li><img src="images/picture4.jpg" /></li>				
				<li><img src="images/picture3.jpg" /></li>
				<li><img src="images/picture2.jpg" /></li>
				<li><img src="images/picture1.jpg" /></li>
			</ul>
		</div>
		<a class="buttons next" href="#">right</a>
	</div>

js代码
$(document).ready(function(){
    $('#slider1').tinycarousel();	
});