FlexSlider插件的详细设置参数
来源:互联网 发布:任我行定位软件 编辑:程序博客网 时间:2024/04/30 02:13
$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向:左右或者上下 slideshow: true, //Boolean: Animate slider automatically 载入页面时,是否自动播放 slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds 自动播放速度毫秒 animationDuration: 600, //Integer: Set the speed of animations, in milliseconds动画淡入淡出效果延时 directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)是否显示左右控制按钮 controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage是否显示控制菜单 keyboardNav: true, //Boolean: Allow slider navigating via keyboard left/right keys键盘左右方向键控制图片滑动 mousewheel: false, //Boolean: Allow slider navigating via mousewheel鼠标滚轮控制制图片滑动 prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item pausePlay: false, //Boolean: Create pause/play dynamic element pauseText: 'Pause', //String: Set the text for the "pause" pausePlay item playText: 'Play', //String: Set the text for the "play" pausePlay item randomize: false, //Boolean: Randomize slide order 是否随即幻灯片 slideToStart: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)初始化第一次显示图片位置 animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end 是否循环滚动 pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering controlsContainer: "", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken. manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.自定义控制导航 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.lijinlong.com/】
0 0
- FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- jQuery FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- FlexSlider插件的详情设置参数
- FlexSlider插件的详细设置参数(兼容PC和移动的轮播图)
- 图片 flexslider插件 各个参数
- jQuery FlexSlider滑动插件的使用
- 基于jQuery的内容滚动插件flexSlider.js
- flexSlider 图片轮播插件的使用(附参数设置)
- jQuery FlexSlider插件一些使用上的小tips
- uploadify插件可选参数的详细介绍(
- uploadify插件可选参数的详细介绍(
- uploadify插件可选参数的详细介绍
- 几句代码写出一个内容轮播器(jQuery插件的神奇)jQuery.flexslider.js登场!!
- 几句代码写出一个内容轮播器(jQuery插件的神奇)jQuery.flexslider.js登场!!
- jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件
- 图像转换测试字符串
- PowerDesigner设计数据库及导出数据库文件相关问题
- Ajax请求中的async:false/true的作用
- C语言中的字符串常量
- 数据库连接池从c3p0迁移到druid
- FlexSlider插件的详细设置参数
- MCI实现录音
- TRIZ系列-创新原理-5-合并原理
- javaScript的calle属性
- 贴片电阻电容系列值(0805,0603)
- C++类的友元函数friend
- 最长公共子序列(LCS) 及其 应用于实际问题的解决
- 第七周项目三 计算圆柱体表面积
- WO+开放平台:API调用开发手记(关于签名字段)