This UI control adds a scroll bar in slider which moves when each slide changes.
css class name: "ms-sbar"
Options:
| Name | Default Value | Description |
|---|---|---|
| autohide | true | Whether the control hides when mouse leaves the slider. |
| overVideo | true | Whether the control visible over slide video while playing. |
| dir | "h" | Specifies the direction of control. It accepts two values "h" (horizontal) and "v" (vertical) |
| color | "#3D3D3D" | Specifies the color scrollbar handle color. |
| width | 4 | Specifies the width of scrollbar handle in pixel. |
| hideUnder | null | Hides the control if width of slider comes less than specified. |
| align | "bottom" | Aligns the control to in or out of slider. It accepts "top", "bottom", "left" and "right" values. |
| inset | false | Whether insert the control inside or outside of slider. |
| margin | 10 | Specifies the space between the control and slider in pixel. |
Example:
var slider = new MasterSlider();slider.setup('masterslider' , {width:800, height:350});
slider.control('thumblist' , {autohide:false , dir:"vertical"});
slider.control('scrollbar' , {dir:"v"});
Overview
Content Tools