插件描述：VM Carousel是一款jQuery響應(yīng)式輪播圖插件。該jquery輪播圖插件支持自動播放模式，支持動態(tài)改變圖片尺寸，支持居中模式，以及無限循環(huán)等。

使用方法

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

HTML結(jié)構(gòu)

使用一個無序列表作為該輪播圖的HTML結(jié)構(gòu)。

初始化插件

在頁面DOM元素加載完畢之后，可以通過vmcarousel()方法來初始化該輪播圖插件。$('.vmcarousel-normal').vmcarousel();

配置參數(shù)

該jquery輪播圖插件的可用配置參數(shù)如下：$('.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：是否無限循環(huán)

總結(jié)

以上是生活随笔為你收集整理的html5carousel图片轮播,jQuery响应式轮播图插件VM Carousel的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。