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 line timer when mouse leaves sliderIt hides line timer while mouse is not on slider.
Show line timer over Youtube/Vimeo video playerIt hides line timer over Youtube/Vimeo video.
Align controlSpecifies the place of line timer.
Hide line timer under this window widthIt hides line timer under this window width
Line timer colorSpecifies the color of line timer.
Line timer widthSets the width of line timer.

 

 

It adds a progress bar for timer in slider. 
css class name: "ms-timerbar"

Options:

NameDefault ValueDescription
autohidetrueWhether the control hides when mouse leaves the slider.
overVideotrueWhether the control visible over slide video while playing.
color"#FFFFFF"Specifies the color of timebar.
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.
insetfalseWhether insert the control inside or outside of slider.
margin0Specifies the space between the control and slider in pixel.

 

Example:
Code Block
var slider = new MasterSlider();slider.setup('masterslider' , {width:800, height:350});
slider.control('timebar');