EasySlides插件使用

 

1.css
<link href="jquery.easy_slides.css" rel="stylesheet" type="text/css" />

2.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.easy_slides.js"></script>

<script type="text/javascript">
    $(function(){
        $("#slider").easySlider({
            auto: true,
            continuous: true
        });
    });
</script>


3.html
<div id="slider">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

 

参数说明：

EasySlides参数说明

参数名	参数说明	参数取值	默认值
auto	是否自动播放	true或false	true
controlsShow	是否显示控制条	true或false
controlsBefore	如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数标记
controlsAfter	如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数标记
controlsFade	如果设置为false,当幻灯片到达末尾的时候将会使按钮失效	ture或false	true
continuous	是否连续播放	ture或false
firstId	第一张	按钮的ID	ID字符串
firstText	第一张	按钮的文字	字符串
firstShow	是否显示回到第一张按钮	true或false
lastId	最后一张	按钮的ID	ID字符串
lastText	最后一张	按钮的文字	字符串
lastShow	是否显示回到最后一张按钮	true或false
nextId	下一张	按钮的ID	ID字符串
nextText	下一张	按钮的文字	字符串
numeric	是否显示数字导航代替上一页/下一页导航	ture或false
numericId		数字导航的ID	ID字符串
prevId	上一张	按钮的ID	ID字符串
prevText	上一张	按钮的文字	字符串
pause	如果将auto设为true，表示幻灯片切换间隔毫秒	整数
speed	幻灯片播放毫秒速度	整数
vertical	是否垂直滚动	true或false	false