Multi-item Slider or miSlider is an open-source jQuery slider plugin specifically designed for displaying multiple images or slides of content. The slider can be configured to display one slide at a time, as many slides as possible or anything in between.

Demos

Visit the miSlider website for demos – www.mislider.com

Highlights

  • Easy to use
  • Supports one or more slides on screen
  • Slides can be single images or complex HTML
  • Lightweight
  • Only requires jQuery core
  • Responsive – Can automatically calculate the number of
    slides that fit on screen
  • Easily customizable
  • Callbacks for slider events
  • Cross-Browser Support – Supports IE8+
  • Supports More than 1 slider per page

Full list of Options

The following are setting that can be customized:

  • Speed of the slide transition
  • Slide pause time between transitions
  • Number of slides to increment
  • Height of the slider
  • Number of slides visible on screen at one time
  • Continuous motion – Slides loop continuously
    in one direction
  • Location of the current slide on screen –
    left, center, right
  • Slide to start on.
  • Width of the current slide
  • Scaling factor of the current slide –
    Other slides are scaled down.
  • Vertical offset of the slide center –
    Useful when slide images are not in the
    center of the slide
  • Center slide contents vertically –
    Centers oversized slides vertically
  • Enable & disable Navigation Dots
  • Enable & disable Arrow Buttons
  • Arrow Buttons transparency
  • Randomize the order of the slides
  • Slides loaded callback function
  • Slide transition before callback function
  • Slide transition complete callback function
  • CSS class name that will be
    applied to the Stage element
  • CSS class name that will be
    applied to the Slider element
  • CSS class name that will be
    applied to each Slide element
  • CSS class name that will be
    applied to Arrow Buttons element
  • CSS class name that will be
    applied to the Navigation Dots element
  • Selector used to select the Slider element
  • Selector used to select each Slide element

Download Source

Visit miSlider on GitHub