$(window).load(function() {
$('.flexslider').flexslider({ namespace: 'flex-', //控件的命名空间,会影响样式前缀
animation: "slide", //String: Select your animation type, "fade" or "slide"图片变换方式:淡入淡出或者滑动
slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向:左右或者上下 selector: '.thumbnails .thumbnail',
slideshowSpeed: , // 自动播放速度毫秒
animationSpeed: , //滚动效果播放时长
pausePlay: false,//是否显示播放暂停按钮
minItems: common.globals.SCREEN.ITEM,//最少显示多少项
itemWidth: ,//一个滚动项目的宽度
itemMargin: ,//滚动项目之间的间距
slideshow: true, //Boolean: Animate slider automatically 载入页面时,是否自动播放
animationDuration: , //Integer: S动画淡入淡出效果延时
directionNav: true, //Boolean: (true/false)是否显示左右控制按钮
controlNav: true, //Boolean: usage是否显示控制菜单//什么是控制菜单?
keyboardNav: true, //Boolean:left/right keys键盘左右方向键控制图片滑动
mousewheel: false, //Boolean: mousewheel鼠标滚轮控制制图片滑动
prevText: "Previous", //String: 上一项的文字
nextText: "Next", //String: 下一项的文字
pauseText: 'Pause', //String: 暂停文字
playText: 'Play', //String: 播放文字
randomize: false, //Boolean: Randomize slide order 是否随机幻灯片
slideToStart: , //Integer: (0 = first slide)初始化第一次显示图片位置
animationLoop: true, // "disable" classes at either end 是否循环滚动 循环播放
pauseOnAction: true, //Boolean: highly recommended.
pauseOnHover: false, //Boolean: ng
controlsContainer: "", //Selector: be taken.
manualControls: ".js-slidernav i", //Selector: .自定义控制导航// 小圆点活数字标示 css 选择器
manualControlEvent: "", //String:自定义导航控制触发事件:默认是click,可以设定hover
start: function() {}, //Callback: function(slider) - Fires when the slider loads the first slide
before: function() {}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function() {}, //Callback: function(slider) - Fires after each slider animation completes
end: function() {} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) });
});

转自:http://www.cnblogs.com/didi/p/3926660.html

FlexSlider插件的详细设置参数 http://www.woothemes.com/flexslider/ -----幻灯片插件的更多相关文章

  1. FlexSlider插件的详细设置参数 http://www.woothemes.com/flexslider/

    http://www.woothemes.com/flexslider/ FlexSlider插件的详细设置参数 $(window).load(function() { $('.flexslider' ...

  2. FlexSlider插件的详细设置参数

    FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果.适合所有初级和高级网页设计师使用.不过很多人都只是使用默认的参数,今天来说说具体的参数来给大家看看 ...

  3. Mybatis 插件实现动态设置参数

    原文地址:Mybatis 插件实现动态设置参数 博客地址:http://www.extlight.com 一.背景 笔者在搭建架构时,通常会利用泛型对 dao 层 和 service 层公共的代码(增 ...

  4. Unity---DOTween插件学习(2)---设置参数、Ease曲线、回调函数、动画控制函数

    目录 6.Set设置参数 7.Ease曲线 8.回调函数 9.动画控制函数 本文及系列参考于Andy老师的DOTween系列 欢迎大家关注Andy老师 6.Set设置参数 在Unity中添加一个Cub ...

  5. 网页图表控件Highcharts如何详细设置参数

    在下载了Highcharts范例之后,按照如下所示第一步第二步操作.在第二步中,默认并没有提供很多参数设置,比如如何去掉右下角的水印,如何自定义图标的高度宽度,背景颜色等等. 在我的另一篇文章中(Hi ...

  6. 幻灯片插件FlexSlider -- Amaze UI幻灯片参数

    用了Amaze UI 的人就知道,其幻灯片插件是 data-am-slider='{}'来传参数的:(以下代码来自Amaze UI 官网) <div data-am-widget="s ...

  7. 为maven插件设置参数的三种方法

    很多的maven插件都提供了丰富的可选参数,用户可以通过设置特定的参数值来控制maven插件的行为.设置插件参数的方法主要有三种,分别是命令行设置,POM文件中为插件设置全局参数和POM文件中为插件设 ...

  8. (转)rabbitmq.config详细配置参数

    rabbitmq.config详细配置参数 Key Documentation tcp_listeners 用于监听 AMQP连接的端口列表(无SSL). 可以包含整数 (即"监听所有接口& ...

  9. 详细图解jQuery对象,以及如何扩展jQuery插件

    详细图解jQuery对象,以及如何扩展jQuery插件 早几年学习前端,大家都非常热衷于研究jQuery源码.我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来 ...

随机推荐

  1. Java编译那些事儿【转】

    转自:http://blog.csdn.net/lincyang/article/details/8553481 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 命令行编译 使 ...

  2. Web API 和 WCF 的比较

    现在有很多可用的技术允许你创建被不同客户端所消费的服务,这些客户端可能是Web应用程序.Windows应用程序和移动应用等.服务可以支持http协议或者其他协议.接下来的讨论仅限于ASP.NET We ...

  3. html5 canvas 笔记二(添加样式和颜色)

    色彩 Colors fillStyle = color 设置图形的填充颜色. strokeStyle = color 设置图形轮廓的颜色. 透明度 Transparency globalAlpha = ...

  4. thinkphp3.2 分页方式汇总

    //自定义分页 $page = $_GET['page'] ? $_GET['page'] : 1 ; $count = $this->Table("user")->c ...

  5. 如何检查失败的Segment/master

    在启用Mirror情况下,可能出现Segment失败时,系统不会中断服务,而且没有明确提示.检查系统状态的一种方法就是使用gpstate命令.该命令会列出GPDB系统中每个独立组件(Primary I ...

  6. jquery函数和javascript函数的区别

    一.窗口加载:http://www.w3school.com.cn/js/js_library_jquery.asp 在 JavaScript 中,您可以分配一个函数以处理窗口加载事件: JavaSc ...

  7. Android Studio解决unspecified on project app resolves to an APK archive which is not supported

    出现该问题unspecified on project app resolves to an APK archive which is not supported as a compilation d ...

  8. YTU 2989: 顺序表基本运算(线性表)

    2989: 顺序表基本运算(线性表) 时间限制: 1 Sec  内存限制: 128 MB 提交: 1  解决: 1 题目描述 编写一个程序,实现顺序表的各种基本运算(假设顺序表的元素类型为char), ...

  9. Java学习之路(四)

    1:static关键字 静态变量可以使用类名来调用 也可以使用对象来调用 但是同一个类的同一个静态变量存储的位置是一样的  所以无论改变那个对象的静态变量的值其他对象的同一个变量的值也会改变 静态函数 ...

  10. SPRING官方网下载地址

    SPRING官方网站改版后,建议都是通过 Maven和Gradle下载,对不使用Maven和Gradle开发项目的,下载就非常麻烦,下给出Spring Framework jar官方直接下载路径: h ...