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']	});