jQuery.rotatingSlideshow是一款带音效的旋转式jQuery幻灯片插件。该幻灯片的导航类似一个旋转按钮，通过点击按钮的相应区域可以使幻灯片以旋转的方式来切换图片，非常有创意。

使用方法

实用该Tabs选项卡插件需要在页面中引入jquery.rotatingSlideshow.css文件，jquery1.9+和jquery.rotatingSlideshow.js文件。

HTML结构

该幻灯片的基本HTML结构如下：

    

        

            
            
            
            
        
        

            

                
Different
              
Optional text goes here
            
            

                
Creative
              
Optional text goes here
            
            

                
Fancy
              
Optional text goes here
            
            

                
Solutions
              
Optional text goes here
            
        
        

            
            
            
            
        
        
        
    
     
             
                

初始化插件

在页面DOM元素加载完毕之后，可以通过rotatingSlideshow()方法来初始化该幻灯片插件。

$(document).ready(function(){
  $('.rotating-slideshow').rotatingSlideshow({
    sliderHolder: '#slider-main',
    btnsHolder: '#slider-btns',
    audioHolder: '#slider-sound',
    auto: true,
    autoSpeed: '6000'
  });
});                 
                

配置参数

jQuery.rotatingSlideshow幻灯片插件的可用配置参数有：

• sliderHolder：父包裹元素的ID。
• btnsHolder：按钮包裹元素的ID。
• audioHolder：音效元素的包裹元素ID。
• auto：是否自动播放幻灯片。
• autoSpeed：幻灯片自动播放的延迟时间，单位毫秒。

jQuery.rotatingSlideshow幻灯片插件的github地址为：https://github.com/alexmicic/jQuery.rotatingSlideshow。