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相关推荐

html发展时间轴纵向插件,jquery响应式垂直时间轴插件vertical-timeline
插件描述:jquery-vertical-timeline是一款简单实用的jQuery响应式垂直时间轴插件. jquery-vertical-timeline 是一款简单实用的jQuery响应式垂直时 ...
html图片使用glide,jQuery响应式幻灯片插件jquery.glide.js（支持触摸轻量级）
找到一款好的幻灯片插件不容易,找到一款功能全并且使用很简单的幻灯片更不容易,今天为大家分享一款全能的幻灯片插件glide.js,也是我现在在使用的一款插件. jquery.glide.js是响应和触摸 ...
使用Bootstrap插件（Carousel）制作响应式轮播图
序言: 响应式轮播图制作后不管是大于768px的非移动端还是小于768px的移动端都会加载所有资源,会导致页面的加载速度和解析效率降低对移动端极其不利.所以我们需要手写js来动态创建原因: 之所 ...
基于Vue的响应式轮播插件|vue-owl-carousel
vue-owl-carousel 是一个基于Vue的响应式轮播插件,灵感来源于 jQuery 插件 owlCarousel. 它提供了类似于 owlCarousel 的 API 和功能,同时结合了 V ...
响应式轮播_角度2的响应式轮播组件
响应式轮播 Update (March 22, 2016): Provided a Demo Link which is available on PlunkerUpdate (March 21, 2 ...
强大的jQuery焦点图插件Owl Carousel + 响应式图片（案例解析）
GitHub地址:https://github.com/OwlCarousel2/OwlCarousel2 在各式各样的网站中,都能看到焦点图插件的身影. 一个好的焦点图插件必须满足以下特点:1. 支 ...
基于jquery响应式网站图片无限加载瀑布流布局
分享一款效果非常酷的jQuery瀑布流布局无限加载图片效果.整个页面采用响应式布局,图片采用jQuery.Lazyload延时加载技术,提升整个页面的加载速度.效果图如下: 在线预览源码下载实 ...
Gradify - 提取图片颜色，创建响应式的 CSS渐变
被请求的HTTP对象之间的延迟会有一个时间段,这个期间网页看起来不完整.Gradify 可以分析出图像中4个最常见的颜色,创建一个梯度(或纯色)作为图片占位符.Gradify 可以在在任何图像发现最突 ...
国外常用的jQuery响应式网页模板
简介: jQuery响应式网页,外国网站常用的风格网盘下载地址: http://kekewangLuo.cc/LQpN52cS37a0 图片:

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

html5carousel图片轮播,jQuery响应式轮播图插件VM Carousel相关推荐

最新文章

热门文章