正文
jQuery eislideshow 图片轮播
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
在线实例
| 基础演示 | 自动播放 |
使用方法
-
<div id="ei-slider" class="ei-slider">
-
<ul class="ei-slider-large">
-
<li>
-
<img src="data:images/large/4.jpg" alt="image04" />
-
<div class="ei-title">
-
<h2>
-
<a href='#' target='_blank'>手风琴菜单</a>
-
</h2>
-
<h3>
-
手风琴
-
</h3>
-
</div>
-
</li>
-
</ul>
-
<ul class="ei-slider-thumbs">
-
<li class="ei-slider-element">Current</li>
-
<li><a href="#">Slide 1</a><img src="data:images/thumbs/1.jpg" alt="thumb01" /></li>
-
<li><a href="#">Slide 2</a><img src="data:images/thumbs/2.jpg" alt="thumb02" /></li>
-
<li><a href="#">Slide 3</a><img src="data:images/thumbs/3.jpg" alt="thumb03" /></li>
-
</ul>
-
</div>
复制
-
$(function() {
-
$('#ei-slider').eislideshow({
-
easing: 'easeOutExpo',
-
titleeasing: 'easeOutExpo',
-
titlespeed: 1200
-
});
-
});
复制
参数详解
| 参数 | 描述 | 默认值 |
eislideshowAPI参数 |
||
| animation | 动画效果。sides || center | sides |
| autoplay | 自动播放 | false |
| slideshow_interval | 轮播间隔时间，单位毫秒 | 3000 |
| speed | 焦点图滑动动画时间 | 800 |
| titlespeed | 标题滑动动画时间 | 800 |
| thumbMaxWidth | 缩略图最大尺寸 | 150 |
下载
