jquery-slider

在线显示地址 http://www.daiwei.org/components/jquery-slider/

参数

width: 			        1200, 					// 幻灯片的宽度
height:     	                500, 					// 幻灯片的高度
activeIndex: 			0, 			                // 默认显示的幻灯片索引
speed: 				800, 					// 幻灯片的切换时间
durantion:  			3000, 					// 幻灯片的显示时间
showSlider: 			true, 					// 是否显示幻灯片左右按钮
showOrigin: 			true, 					// 是否显示底部的索引状态
originType: 			'circle', 				// circle的话  底部的active状态就是元 的 ,不写或者不是'circle'则是非圆形状态
originPosition: 		'right', 				// 底部小圆点显示的位置    'center'  'right'
backgroundSize: 		'cover', 				// backgournd-size效果
backgourndPosition: 	       'center center', 		        // backgournd-position效果
selectLeftClassName: 	        'dw-icon-left', 		        // 点击左边的按钮  显示class的名称
selectRightClassName: 	        'dw-icon-right', 		        // 点击右边的按钮  显示class的名称
source: [
  {
    src: 'img/slider1.jpg',			         // 幻灯片图片地址		
    hasHref: true,			                // 是否有链接
    href: 'https://github.com/IFmiss/jquery-slider',	// 链接地址					
    hrefTarget: '_self'			        	// 链接打开方式  _self, _blank, _top等
  },
  {
    src: 'img/slider2.jpg',
    hasHref: false,
    hrefTarget: '_self',
  },
  {
    src: 'img/slider3.jpg',
    hasHref: false,
    hrefTarget: '_self',
    },
    {
      src: 'img/slider4.jpg',
      hasHref: true,
      href: 'https://github.com/IFmiss/jquery-slider',
      hrefTarget: '_self'
    }
  ]
一款基于jquery的幻灯片组件


$('.testSlider1').slider({
  width:300,
  height:300,
  showSlider: false,
  showOrigin: false,
  originPosition:'center'
});