API - Properties.
mbSlider has over 18 properties for you to customise to really make it fit your site. Customisation is not neccesary, mbSlider will work 'as is' without any customisation; It will simply use its own default property configuration.
You can check out some examples of mbSlider with various different property configurations in the examples section.
You can view the default property settings for mbSlider in the default properties section.
| Property | Description | Values |
|---|---|---|
| autoplay | Automatically animate through slides, or operate slides manually. | true, false |
| showControls | Dynamically generates a set of controls. You can set which controls are generated. | true, false |
| playPauseButtonSeperate | Dynamically merges play and pause button; applying correct text & css class on current state (played / paused). | true, false |
| controlsText | Set text of each dynamically generated control. | Text Value |
| controlsLocation | Set location of dynamically generated controls, relative to the slider container. | 'internal', 'external' |
| slideDuration | Set how long a slide is shown for, before moving on to the next one. | Value In Milliseconds |
| slideSpeed | Set speed of slide animation. | Value In Milliseconds |
| backToStart | Set mbSlider to 'rewind' back to the start when reached last slide. | true, false |
| backToStartSpeed | Set speed that mbSlider 'rewinds' back to the start slide. | Value In Milliseconds |
| backToEnd | Set mbSlider to 'fastforward' to the end when previous slide is selected when on the first slide. | true, false |
| backToEndSpeed | Set speed that mbSlider 'fastforwards' to the end slide. | Value In Milliseconds |
| startSlide | Set slide to start on. | Number Corresponding To Slide In UL |
| pagination | Dynamically generates numerical pagination. | true, false |
| paginationLocation | Set location of dynamically generated pagination, relative to the slider container. | 'internal', 'external' |
| pauseOnHover | Set wether mbSlider pauses when user hovers over a slide. | true, false |
| orientation | Set the orientation of which mbSlider slides. | 'horizontal', 'vertical' |
| playDirection | Set which direction the mbSlider slides. | 'left', 'right', 'up', 'down' |
| continuous | Set mbSlider to continue when reached end of slides. (Instead of 'rewinding' back to start). | true, false |
| easing | Set a custom easing for the slide animation to use. | Name Of Easing Type |
| mousewheelsupport | Toggle whether mbSlider will have mousewheel support. | true, false |
| callbacks | mbSlider has callback suppport for 16 events. | Name of callback and your function |
All of mbSlider's properties are set when it is instantiated.
- mbSlider:
- Current Version: v1.1.1
- Download
- How To Install mbSlider
- Features
- FAQ's
- Examples
- Source Code Generator
- mbSlider API:
- Properties
- Default Properites
- Notes
- mbTools:
- mbSlider