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

下载

jQuery eislideshow 图片轮播相关推荐

PgwSlideshow-基于Jquery的图片轮播插件
友情链接:http://www.htmleaf.com/Demo/201504031619.html http://www.htmleaf.com/Demo/201504191708.html 0 ...
jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
html5+自动播放轮播插件,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
利用jQuery实现图片轮播
利用jQuery实现图片轮播需求实现步骤一.获取相关对象二.设置切换按钮三.设置图片首尾相接效果四.随图片切换更新小圆点五.点击小圆点切换图片六.鼠标无操作时图片自动轮播示例需求 ...
jquery:手风琴图片轮播
jquery:手风琴图片轮播 html部分: <!DOCTYPE html> <html> <head lang="en"><meta c ...
html5图片轮播在线制作教程,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
使用jQuery实现图片轮播与切换功能
使用jQuery实现图片轮播与切换功能文章目录使用jQuery实现图片轮播与切换功能效果图一.body 二.jQuery 三.css 四.小结效果图一.body <body>& ...
小博老师演示常用JQuery效果 ——图片轮播
2019独角兽企业重金招聘Python工程师标准>>> [理论知识] 我们在实际开发应用程序的过程中,经常会遇到图片轮播的效果需求,本文小博老师就为大家演示一下,如何使用JQuery ...
html轮播图jquery,原生js和jquery实现图片轮播特效
(1)首先是页面的结构部分对于我这种左右切换式 1.首先是个外围部分(其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方(也就是一个banner吧) 3.然后是一个图片组(可以 ...

jQuery eislideshow 图片轮播

在线实例

使用方法

参数详解

eislideshowAPI参数

jQuery eislideshow 图片轮播相关推荐

最新文章

热门文章