mbSlider.

Visit http://www.mb-tools.co.uk/mbslider/examples to see more live examples and get a feel for what you can do with mbSlider.

You can alter the properties of the mbSlider by using the controls in the left hand column. These relate to all the customizable features of mbSlider. Anything you do here, you can do on your own site.

* You recieve a copy of this generator when you purchase mbSlider. You can also access it through the mbTools website.

* For the purpose of this demonstration, the controls have been left unstyled. All controls are given a specific id or class so you can taget them with css and make them look how you want.

Each time you change a property below, the mbSlider is reset and reconfigured. (you will be defaulted back to the selected start slide)

  • Misc Options:
  • Pagination:
  • Orientation:
  • Animation:
  • * All animation speeds are in milliseconds. 1 sec = 1000 milliseconds.
  • Controls:
    • Callback Functions:
  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 7

External Controls Example:

These links demonstrate that mbSlider can be controlled from other elements rather than its own controls. This is achieved by applying a special class to the element.

Move First - Move Previous - Play - Pause - Move Next - Move Last

mbSlider Source Code (for this property configuration)

Once you have the purchased mbSlider, your mbSlider source code will be generated here.