jQuery eislideshow 图片轮播 博客分类: 幻灯片 jQueryeislideshow图片轮播
程序员文章站
2024-03-26 10:40:47
...
在线实例
基础演示 | 自动播放 |
使用方法
- <div id="ei-slider" class="ei-slider">
- <ul class="ei-slider-large">
- <li>
- <img src="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="images/thumbs/1.jpg" alt="thumb01" /></li>
- <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li>
- <li><a href="#">Slide 3</a><img src="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 |
上一篇: Linux chmod命令详解 博客分类: Linux linuxchmod存取模式
下一篇: 小清新的jQuery 幻灯片jQuery ck-slide 图片轮播 博客分类: jQuery jQuery 幻灯片jQuery ck-slide图片轮播
推荐阅读
-
—富有空间感的图片库插件 博客分类: jquery jqueryjquery插件jquery图片轮播幻灯片
-
小清新的jQuery 幻灯片jQuery ck-slide 图片轮播 博客分类: jQuery jQuery 幻灯片jQuery ck-slide图片轮播
-
jQuery eislideshow 图片轮播 博客分类: 幻灯片 jQueryeislideshow图片轮播
-
jQuery eislideshow 图片轮播 博客分类: jQuery jQueryeislideshow图片轮播
-
cssSlidy.js 响应式手机图片轮播 博客分类: jQuery cssSlidy.js响应式手机图片轮播
-
宝丽莱效果图片浏览插件 博客分类: jquery jquery插件jquery幻灯片jquery图片图片轮播
-
宝丽莱效果图片浏览插件 博客分类: jquery jquery插件jquery幻灯片jquery图片图片轮播
-
JQuery幻灯片-视觉效果爆棚的全屏滚动相册 博客分类: jquery js图片js幻灯片js图片轮播jquery图片轮播
-
easyslider,轻松实现幻灯片效果 博客分类: jquery jquery图片轮播js幻灯片幻灯片jquery插件
-
JQuery幻灯片-视觉效果爆棚的全屏滚动相册 博客分类: jquery js图片js幻灯片js图片轮播jquery图片轮播