jquery带暂停播放功能和时间轴功能的图片幻灯片效果

使用方法
引用css样式
<link rel="stylesheet" type="text/css" href="css/jquery.slider.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/jquery.slider.ie6.css" />
<![endif]-->

引用js插件
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.slider.min.js"></script>

HTML也很简单
<div class="slider">
		<div><a href="#"><img src="images/d_banner20141007.jpg" alt=""/></a></div>
		<div><a href="#"><img src="images/d_banner20140729.jpg" alt=""/></a></div>     
		<div><a href="#"><img src="images/2014_5.jpg" alt=""/></a></div>
		<div><a href="#"><img src="images/2014_3.jpg" alt=""/></a></div>
		<div><a href="#"><img src="images/2014_4.jpg" alt=""/></a></div>
		<div><a href="#"><img src="images/2014_2.jpg" alt=""/></a></div>      
		<div><a href="#"><img src="images/2014_1.jpg" alt=""/></a></div>
	</div>

最后调用
$(".slider").slideshow({
		width: 722,
		height: 267,
		transition: ['bar', 'Rain', 'square', 'squareRandom', 'explode']
	});