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