{"title":"Adding a New Slide to the Slider","id":51891,"link":"https:\/\/env.averta.net\/en\/step\/adding-a-new-slide-to-the-slider\/","parent":[51826],"content":"

Slides are defined by?ms-slide<\/code>?class name in the slider markup. To add a new slide to the slider, you need to add a new element as a first level child of slider element. Slider shows the slides in the same order of added slides in the markup, unless,?shuffle<\/code>?option was set in the options.<\/p>\n

There is no limit in the type of the slide element, you can use?div<\/code>,?section<\/code>,?article<\/code>, or any other semantic HTML5 elements.<\/p>\n

You may need to add some parameters to the slide, slide parameters will be specified by data attributes over the slide element. For more information check out Slide Parameters<\/a> article.<\/p>\n

Note: <\/strong>Master Slider does not support to add new slides after the initiation. This article only describes how to add new slide before slider initialization.<\/p>\n

The following example creates a slider with three slides:<\/p>\n

<div id=\"masterslider\" class=\"master-slider\">\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- slide content here -->\r\n\t\t<\/div>\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- slide content here -->\r\n\t\t<\/div>\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- slide content here -->\r\n\t\t<\/div>\r\n\t<\/div><\/pre>\n","type":"solution"}