Page tree

Versions Compared

Key

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

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

OptionDescription
Hide slide info when mouse leaves sliderIt hides slide info while mouse is not on slider.
Show slide info over Youtube/Vimeo video playerWhen switched off , It hides slide info over Youtube/Vimeo video.
Insert slide info inside sliderinsert the Scrollbar inside of slider.
Align controlSpecifies the place of slide info.
Slide info marginSpecifies the margin for slide info.
Slide info widthSpecifies the width for slide info in pixels.
Slide info height Specifies the height for slide info in pixels.
Hide slide info under this window widthIt hides slide info under this window width

 

 you can specify a HTML value to each slide and slider will show the value of slide while it selected. 
This control searches for an element which has "ms-info" as class name in each slide.

Options:

NameDefault ValueDescription
autohidetrueWhether the control hides when mouse leaves the slider.
overVideotrueWhether the control visible over slide video while playing.
insertTo-The HTML element that the info will be added in it.
size100Specifies the width or height (based on specified direction) of slide info container in pixel.
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", "bottom", "left" and "right" values.
insetfalseWhether insert the control inside or outside of slider.
margin10Specifies 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('slideinfo',{insertTo:'#info'});