html5carousel图片轮播,jQuery响应式轮播图插件VM Carousel
插件描述: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:是否無限循環
總結
以上是生活随笔為你收集整理的html5carousel图片轮播,jQuery响应式轮播图插件VM Carousel的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt 内嵌浏览器几种办法
- 下一篇: 简道云-第4章-表单实例