jquery无缝滚动插件 jqueryslider

 查看演示  website  立即下载

更新时间：2017/7/6 上午9:56:21

更新说明：优化用户多次点击上一页下一页 幻灯片抖动的问题

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: '#', // 链接地址					
            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: '#',
            hrefTarget: '_self'
        }
    ]
$('.testSlider1').slider({
    width: 300,
    height: 300,
    showSlider: false,
    showOrigin: false,
    originPosition: 'center'
});

PREVIOUS:
NEXT:
实用的loading插件
jQuery树型插件dtree(带搜索)