Home / Slideshow / miSlider - Multi-item jQuery Slider
miSlider - Multi-item jQuery Slider

miSlider - Multi-item jQuery Slider

Download Demo
  • Overview
  • Documents
User Rating: 3.4/5 ( 2 votes)
Your Rating:

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.

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
  • Use Modernizr to test feature support - csstransforms

Source: mislider.com

Scroll To Top