html5slider轮播,jQuery轮播图插件slider-pro

slider-pro是一款模块化、响应式、支持移动设备的jQuery轮播图插件。该jQuery轮播图插件提供各种配置参数和方法，可以快速的创建多种模式的轮播图特效。它的主要特点有：

支持模块化。

响应式设计。

支持移动设备。

使用CSS3 transitions做平滑动画过渡。

支持无限滚动。

支持carousel旋转木马模式。

支持全屏宽度和全屏展开。

支持带缩略图的浏览模式。

支持图片的懒加载。

支持视频播放。

为各种屏幕视频不同尺寸的图片。

支持javascript断点。

使用方法

在页面中引入slider-pro.min.css文件和jQuery、jquery.sliderPro.min.js文件。

HTML

slider-pro轮播图的基本HTML结构如下：

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

consectetur adipisicing elit

初始化插件

最后通过下面的方法来初始化该反光特效的按钮插件。

FluentRevealEffect.applyEffect(".btn", {

lightColor: "rgba(255,255,255,0.1)",

gradientSize: 150

})

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

jQuery( document ).ready(function( $ ) {

$( '#my-slider' ).sliderPro();

});