html5carousel图片轮播,VM Carousel-jQuery响应式轮播图插件

VM Carousel是一款jQuery响应式轮播图插件。该jquery轮播图插件支持自动播放模式，支持动态改变图片尺寸，支持居中模式，以及无限循环等。

使用方法

在页面中引入jquery.vm-carousel.css，jquery和jquery.vm-carousel.js文件。

HTML结构

使用一个无序列表作为该轮播图的HTML结构。

• 
• 
• 
• 
• 
• 

初始化插件

在页面DOM元素加载完毕之后，可以通过vmcarousel()方法来初始化该轮播图插件。

$('.vmcarousel-normal').vmcarousel();

配置参数

该jquery轮播图插件的可用配置参数如下：

$('.vmcarousel-normal').vmcarousel({

// delay in ms

delay: 4000,

// transition speed

speed: 500,

// enabe autoplay

autoplay: true,

// 0 for auto calc

items_to_show: 0,

// min number of items

min_items_to_show: 2,

// items to slide at a time

items_to_slide: 1,

dont_cut: true,

// center the current image

centered: false,

// start item

start_item: 0,

start_item_centered: false,

// infinite loop

infinite: false,

// callback

changed_slide: $.noop()

});

delay：延迟时间，单位毫秒，默认为400毫秒。

speed：过渡动画的速度，单位毫秒。

autoplay：是否自动播放。

items_to_show：初始化时显示的图片，0表示自动计算。

min_items_to_show：最少显示多少个项。

centered：是否使用居中显示模式。

infinite：是否无限循环。