This UI control adds one bullet for each slide and user can change slide by clicking on each bullet.
css class name: "ms-bullets"
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) |
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" and "bottom" values. |
margin | 10 | Specifies the space between the control and slider in pixel. |
var slider = new MasterSlider(); slider.setup('masterslider' , {width:800, height:350}); slider.control('bullets' , {autohide:false , dir:"v", align:"top"});
Overview
Content Tools