Flex slider参数详细
2024-09-04 14:02:57
$(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) });});
参数 | 描述 | 默认值 |
animation | 动画效果类型,有”fade”:淡入淡出,”slide”:滑动 | “fade” |
easing | 内容切换时缓动效果,需要jquery easing插件支持 | “swing” |
direction | 内容滚动方向,有”horizontal”:水平方向 和”vertical”:垂直方向 | “horizontal” |
animationLoop | 是否循环滚动 | true |
startAt | 初始滑动时的起始位置,定位从第几个开始滑动 | 0 |
slideshow | 是否自动滑动 | true |
slideshowSpeed | 滑动内容展示时间(ms) | 7000 |
animationSpeed | 内容切换时间(ms) | 600 |
initDelay | 初始化时延时时间 | 0 |
pauseOnHover | 鼠标滑向滚动内容时,是否暂停滚动 | false |
touch | 是否支持触摸滑动 | true |
directionNav | 是否显示左右方向箭头按钮 | true |
keyboard | 是否支持键盘方向键操作 | true |
minItems | 一次最少展示滑动内容的单元个数 | 1 |
maxItems | 一次最多展示滑动内容的单元个数 | 0 |
move | 一次滑动的单元个数 | 0 |
回调函数 | start: function(){}, before: function(){}, after: function(){}, end: function(){}, added: function(){}, removed: function(){}, init: function(){}, |
最新文章
- MongoDB数据库的简介及安装
- CodeForces 527B Error Correct System
- Sklearn库例子1:Sklearn库中AdaBoost和Decision Tree运行结果的比较
- 【HDOJ】1003 Max Sum
- amazeui 搜索 动态
- SQL Server特殊用法笔记
- IIS 反向代理 golang web开发
- 洛谷 [P251] 餐巾计划问题
- String与StringBuilder 区别
- c#: .net framework 2.0支持扩展方法的办法
- Best Cow Fences POJ - 2018 (二分)
- Spring-Boot构建多模块项目
- combox省市县三级联动
- css文本溢出隐藏显示省略号(单行+多行)
- odoo在底部显示指定字段合计和汇总时显示合计
- zabbix 监控端口
- elasticsearch6.7 05. Document APIs(2)Index API
- 解题:SCOI 2007 蜥蜴
- ubuntu系统问题解决集
- github与git基本操作(一)
热门文章
- LCA(最近公共祖先)——dfs+ST 在线算法
- BST插入与查找
- Python标准模块logging
- HDU 1398 Square Coins 整数拆分变形 母函数
- Intellij Idea 创建Web项目入门
- 算法(2) Find All Numbers Disappeared in an Array
- Linux相关——关于文件调用
- 安徽师大附中%你赛day5 T3 树上行走 解题报告
- 【CF MEMSQL 3.0 D. Third Month Insanity】
- java AWT repaint paint update 方法