Page tree

Versions Compared


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

By adding this control to your slider you have access to its option which will be explained below.

Hide circle timer when mouse leaves sliderIt hides circle while mouse is not on slider.
It hides circle over Youtube/Vimeo video.
Hide circle timer under this window width It hides bullets under this window width
Circle strokeSpecifies the stroke of circle in pixel.
Circle radius Specifies the radius of circle in pixel.
Circle colorSpecifies the fill color of circle


Below figure shows these options on Master Slider panel.

Image Removed


It adds a circle timer into slider. This control only works in modern browsers. 
css class name: "ms-ctimer"


NameDefault ValueDescription
autohidetrueWhether the control hides when mouse leaves the slider.
overVideotrueWhether the control visible over slide video while playing.
color"#A2A2A2"Specifies the color of circle timer.
radius4Specifies the radius of circle timer in pixels.
stroke10Specifies the stroke of circle timer in pixels.
hideUndernullHides the control if width of slider comes less than specified.


Code Block
var slider = new MasterSlider();
slider.setup('masterslider' , {width:800, height:350});
slider.control('thumblist' , {autohide:false  , dir:"v"});
slider.control('circletimer' , {color:"#FFDD00" , stroke:20});