jQuery幻灯片插件owlcarousel参数说明中文文档

jQuery 2019-01-08

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点：

兼容所有浏览器
支持响应式
支持 CSS3 过度
支持触摸事件
支持 JSON 及自定义 JSON 格式
支持进度条
支持自定义事件
支持延迟加载
支持自适应高度

浏览器兼容：兼容所有浏览器，包括 IE6、IE7。

jQuery 兼容：兼容 1.7 及以上版本。

Owl Carousel 使用方法

：

新建一个HTML文件

1、在HTML文件中引入Owl Carousel必须文件

rush:xhtml;"> nofollow" rel="stylesheet"> nofollow" rel="stylesheet">

2、HTML代码

rush:xhtml;">

3、JavaScript

rush:js;"> $(function(){ $('#owl-example').owlCarousel(); });

下面是Owl Carousel的中文参数与api说明：

参数类型默认值说明幻灯片每页可见个数幻灯片可见个数，格式为[X,Y]，X 为浏览器宽度，Y 为可见个数，如[1199,4]就是如果浏览器宽度小于1199，每页显示 4 张，此参数主要用于响应式设计。也可以使用 false默认为 false显示一张幻灯片切换速度，以毫秒为单位分页切换速度，以毫秒为单位utoplay自动播放，可选布尔值或整数，若使用整数，如 3000，表示 3 秒切换一次；若设置为 true，默认 5 秒切换一次自动播放显示“上一个”、“下一个”一个”、“下一个”文字，默认是[“prev”,”next”]一个显示分页分页按钮显示数字添加 CSS，如果不需要，最好不要使用主题样式，可以自行添加以符合你的要求分页时，如果跨页浏览，将不加载跳过页面的图片，只加载所要显示页面的图片，如果设置为 false，则会加载跳过页面的图片。这是 lazyLoad 的子选项图片的显示效果，默认以 400 毫秒淡入，若为 false 则不使用效果自动使用高度文件路径函数自定义 JSON 格式的函数关闭/开启鼠标事件幻灯片间距关闭/开启触摸事件添加 CSS3 过度效果