Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

By adding this control to your slider you will have access to its options as described below.

OptionDescription
Hide bullets when mouse leaves sliderIt hides bullets while mouse is not on slider.
Show bullets over Youtube/Vimeo video playerWhen switched off , hides bullets over Youtube/Vimeo video.
Align controlSpecifies the place of bullets.
Bullets marginSpecifies the margin for bullets.
Space between bulletsSpecifies the space between bullets.
Hide bullets under this window widthIt hides bullets under this window width

 

 

 

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:

NameDefault ValueDescription
autohidetrueWhether the control hides when mouse leaves the slider.
overVideotrueWhether the control visible over slide video while playing.
dir"h"Specifies the direction of control. It accepts two values "h" (horizontal) and "v" (vertical)
hideUndernullHides 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.
margin10Specifies the space between the control and slider in pixel.
Code Block
var slider = new MasterSlider();slider.setup('masterslider' , {width:800, height:350});
slider.control('bullets' , {autohide:false  , dir:"v", align:"top"});