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 options as described below.

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

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});


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});