jquery-fade-slider

A jQuery plugin to add fade effect to your slider items

Examples

Default

$(selector).fadeSlider()

Number of Visible Elements

$(selector).fadeSlider({itemPerPage: 5})

Animation Timeout

// Set the number of milliseconds for animation
// If the timeout is limited to 2000
$(selector).fadeSlider({timeout: 5000})

Set a start point

// Start rendering the slider from the element at 5th index
$(selector).fadeSlider({startIndex: 5})

Let the elements slide

$(selector).fadeSlider({fade: false})

Stop Autoplay

$(selector).fadeSlider({autoplay: false})

Add event listeners

$(selector).fadeSlider({
  fade: false,
  autoplay: false,
  beforeInit: function(element, fadeSliderSettings){
    // beforeInit Handler
  },
  afterInit: function(element, fadeSliderSettings){
    // afterInit Handler
  },
  beforePrevious: function(element, fadeSliderSettings){
    // beforePrevious Handler
  },
  afterPrevious: function(element, fadeSliderSettings){
    // afterPrevious Handler
  },
  beforeNext: function(element, fadeSliderSettings){
    // beforeNext Handler
  },
  afterNext: function(element, fadeSliderSettings){
    // afterNext Handler
  },
  beforeDestroy: function(element){
    // beforeDestroy Handler
  },
  afterDestroy: function(element){
    // afterDestroy Handler
  }
})

Load Data from remote sources

$(selector).fadeSlider({
  remote: {
    url:     "url for the remote source",
    field:   "field to be used from response",
    isImage: true
  }
})

Documentation

http://rohit-sharma.in/jquery-fade-slider

Demo

http://rohit-sharma.in/jquery-fade-slider/demo