这是一款jquery环状轮播图插件。该环状轮播图插件采用响应式设计，可以在移动手机设备上运行。它基于CSS3 transform和 clip-path属性，IE浏览器不支持这个插件。

使用方法

在页面中引入rotating-slider.css、jquery和rotating-slider.js文件。

HTML结构

该jquery环状轮播图HTML结构如下：

  

    

      

        
jQuery Rotating Slider
        
A fancy rotator plugin.
      
    
    

      

    
    

      

        
Slide 2
        
This is slide 2
      
    
    

      

      
    
    

      

        
Slide 3
        
This is slide 3
      
    
    

      

        
Slide 4
        
This is slide 4
      
    
  

                

初始化插件

在页面DOM元素加载完毕之后，通过rotatingSlider()方法来对该jquery环状轮播图插件进行初始化。

$(function(){ 
  $('.rotating-slider').rotatingSlider();
});   
                

配置参数

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

$(function(){ 
  $('.rotating-slider').rotatingSlider({

    // 自动播放
    autoRotate: true,

    // 自动播放的时间间隔
    autoRotateInterval: 6000,

    // 是否可以拖拽？
    draggable: true,

    // 轮播图的左右控制按钮
    directionControls: true,
    directionLeftText: '?',
    directionRightText: '?',

    // 动画速度
    rotationSpeed: 750,

    // 轮播图的尺寸
    slideHeight : 360,
    slideWidth : 480,
    
  });
});                  
                

该jquery环状轮播图插件的githhub地址为：https://github.com/tylernj42/Rotating-Slider-jQuery-Plugin