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