FlexSlider插件的详细设置参数(兼容PC和移动的轮播图)
来源:互联网 发布:极速网店管理打印软件 编辑:程序博客网 时间:2024/04/30 04:48
$(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //图片设置为滑动式时的滑动方向:左右或者上下 slideshow: true, //载入页面时,是否自动播放 slideshowSpeed: 7000, //自动播放速度毫秒 animationDuration: 600, //内容切换时间 touch: //是否支持触摸滑动 directionNav: true, //是否显示左右控制按钮 controlNav: true, //是否显示控制菜单 keyboardNav: true, //键盘左右方向键控制图片滑动 mousewheel: false, //鼠标滚轮控制制图片滑动 minItems:1 //一次最少展示滑动内容的单元个数 maxItems:0 //一次最多展示滑动内容的单元个数 move:0 //一次滑动的单元个数 prevText: "Previous", //String: 上一项的文字 nextText: "Next", //String: 下一项的文字 pausePlay: false, //Boolean: 是否显示播放暂停按钮 pauseText: 'Pause', //String: 暂停文字 playText: 'Play', //String: 播放文字 randomize: false, //Boolean: 是否随机幻灯片 slideToStart: 0, //Integer: 初始化第一次显示图片位置 animationLoop: true, //是否循环滚动 pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //鼠标滑向滚动内容时,是否暂停滚动 pauseOnHover: false, //鼠标糊上去是否暂停 controlsContainer: "", //Selector: be taken. manualControls: "", //自定义控制导航 manualControlEvent:"", //String:自定义导航控制触发事件:默认是click,可以设定hover start: function(){}, //加载第一页触发 before: function(){}, //每个滚动动画开始时异步触发 after: function(){}, //每个滚动动画结束时触发 end: function(){} //滚动到最后一页时异步触发 });});
【转载请注明:李金龙博客http://www.lijinlong.com/】
阅读全文
1 0
- FlexSlider插件的详细设置参数(兼容PC和移动的轮播图)
- FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- jQuery FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- FlexSlider插件的详细设置参数
- FlexSlider插件的详情设置参数
- Mobiscroll的介绍【一款兼容PC和移动设备的滑动插件】
- 兼容PC和移动页面的mobiscroll日期插件之简单使用
- jQuery FlexSlider滑动插件的使用
- 基于jq的图片轮播插件,滑动切图,兼容移动,PC端
- 图片 flexslider插件 各个参数
- 轮播图切换效果(flexslider插件)实现
- 支持移动端和PC端的轻量级轮播图插件&&hammer.js教程
- 兼容移动端和pc端的弹性盒模flexbox
- js实现一个可以兼容PC端和移动端的div拖动效果
- pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
- 兼容好的移动日期插件
- GitHub入门(2)
- Eclipse如何卸载SVN插件 Subclipse
- 设置cocos2d颜色
- 世界经理人丁海森:榜单与大数据,虚拟网站利器
- 关于Class org.apache.spark.network.yarn.YarnShuffleService not found的解决办法
- FlexSlider插件的详细设置参数(兼容PC和移动的轮播图)
- Android 简单了解ORM/GreenDao(GreenDao3.2.0使用教程)
- 编程之路小细节-逆向思维的运用
- Redhat 6.5 源更改
- 《流畅的Python》第一章学习笔记
- python+selenium 编写第一个程序 Firefox篇
- 超酷炫.NET数据可视化组件LightningChart
- linux下安装或升级GCC4.8,以支持C++11标准
- rename命令