Skip to end of metadata
Go to start of metadata

Each slide in the slider HTML is defined by a <div> element which has "ms-slide" as class name , as following:

<!-- masterslider -->
<div class="master-slider ms-skin-default" id="masterslider">
    <!-- new slide -->
    <div class="ms-slide" data-fill-mode="fit" data-delay="5">
         
        <!-- slide background -->
        <img src="masterslider/blank.gif" data-src="masterslider/images/1.jpg" alt="lorem ipsum dolor sit"/>     
 
    </div>
    <!-- end of slide -->
     
    <!-- new slide -->
    <div class="ms-slide">
         
        <!-- slide background -->
        <img src="masterslider/blank.gif" data-src="masterslider/images/2.jpg" alt="lorem ipsum dolor sit"/>     
 
    </div>
    <!-- end of slide -->
     
    <!-- new slide -->
    <div class="ms-slide">
         
        <!-- slide background -->
        <img src="masterslider/blank.gif" data-src="masterslider/images/3.jpg" alt="lorem ipsum dolor sit"/>     
         
    </div>
    <!-- end of slide -->
 
</div>
<!-- end of masterslider -->

Slide Parameters

NameDefault ValueDescription
data-delay3The time duration for moving to the next slide, in seconds
data-fill-modeValue of fillMode in slider OptionsSpecifies the slide background scaling method. Its acceptable values are "fill", "fit", "stretch", "center" and "tile".
data-id""

Specifies a unique id to the slide, this id can be used to control overlay layers over the slides