好用的jq轮播图插件jquery.flexslider.js

//---------------------------------轮播图插件：（使用jquery）--------------------------//
//有的时候我们需要使用轮播插件，开发效率高，兼容性不用过多考虑，所以jquery.flexslider是一个很好的选择
//文档参考地址：http://blog.csdn.net/nature_fly088/article/details/51599136
//这篇博客详细的解释了这个插件，你需要的基本上都很全面。
//需要：jquery-1.8.2.min.js   jquery.flexslider-min.js

//html代码：
	
   
    
  
 
   
 
  
  
    
   
  

  
   
//js代码：

$(document).ready(function(){  
    $('.flexslider').flexslider({  
		animation: "slide",   //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动
		slideshowSpeed: 3000,// 自动播放速度毫秒
		animationLoop: true,//  "disable" classes at either end 是否循环滚动 循环播放
		slideshow: true,   //Boolean: Animate slider automatically 载入页面时，是否自动播放
		manualControls: ".js-slidernav i", //Selector: .自定义控制导航// 小圆点活数字标示 css 选择器
     	pauseOnAction: false,//Boolean:  highly recommended.
        randomize: true,//Boolean: Randomize slide order 是否随机幻灯片
    });  
}); 

//---------------------------无缝轮播写法---------------------------------------------//

//html代码：

 
	
  
 
   
1
 
   
2
 
   
3
 
   
4
 
   
5
 
  
    
  <
    
  >

 
//js代码：