NiceSlider

var slider1 = new NiceSlider('#slider1', {unlimit: false})

var w = $('.offset').width()
var slider2 = new NiceSlider('#slider2', {unlimit: false, offset: w * 0.2})

var w = $('.unlimit').width()
var slider3 = new NiceSlider('#slider3', {offset: w * 0.2})

var slider4 = new NiceSlider('#slider4', {autoPlay: true, duration: 3000, animation: 'linear'})

var slider5 = new NiceSlider('#slider5', {
  noAnimate: true, 
  drag: false, 
  indexFormat: function (i) {
    return '标签' + (i + 1)
  }
})

var loading = $('.refresh .loading')
var slider6 = new NiceSlider('#slider6', {
  unlimit: false, 
  ctrlBtn: false, 
  indexBtn: false, 
  dir: 'v',
  onChange: function () {
    var idx = this.getIndex()
    if (idx === this.stepLength - 1) {
      loading.show()
      this.fragmentDom.append('
 slider item ' + (this.stepLength + 1) + '
')
      this.refresh()
      setTimeout(function () {
        loading.hide()
      }, 1000)
    }
  }
})

var slider7 = new NiceSlider('#slider7', {ctrlBtn: false, indexBtn: false, unlimit: false})
var slider8 = new NiceSlider('#slider8', {dir: 'v', ctrlBtn: false, indexBtn: false, unlimit: false})
var slider9 = new NiceSlider('#slider9', {ctrlBtn: false, indexBtn: false, unlimit: false})
var slider10 = new NiceSlider('#slider10', {dir: 'v', ctrlBtn: false, indexBtn: false, unlimit: false})
var slider11 = new NiceSlider('#slider11', {ctrlBtn: false, indexBtn: false, unlimit: false})

var slider12 = new NiceSlider('#slider12', {ctrlBtn: false, indexBtn: false, unlimit: false,
  onChange: function () {
    var idx = this.getIndex()
    if (idx === 1) {
      this.lock()
      $('#s12').html('locked')
    }
  }
})
var slider13 = new NiceSlider('#slider13', {dir: 'v', ctrlBtn: false, indexBtn: false, unlimit: false,
  onChange: function () {
    var idx = this.getIndex()
    if (idx === 2) {
      slider12.unlock()
      $('#s12').html('unlock')
    }
  }
})

var slider14 = new NiceSlider('#slider14', {unlimit: false, unit: 0})