{"title":"Adding Data","id":51926,"link":"https:\/\/env.averta.net\/en\/step\/adding-data\/","parent":[51826],"content":"

Slides can contain specific data that are required by other slider parts, like UI controls. These contents are not visible over the slides, since they will be stored and removed from slides by Master Slider. In this article, you can find out how to define each slide data content.<\/p>\n

Thumbnail<\/h2>\n

To set thumbnail for the slide, you need to define the thumbnail image by an img tag and ms-thumbnail<\/code> class name as the direct child element of slide.<\/p>\n

\t<div id=\"masterslider\" class=\"master-slider\">\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- ... -->\r\n\t\t\t<img class=\"ms-thumbnail\" src=\"...\/path\/to\/thumbnail.jpg\" alt=\"\" \/>\r\n\t\t\t<!-- ... -->\r\n\t\t<\/div>\r\n\t\t<!-- .... -->\r\n\t<\/div><\/pre>\n
Slide title<\/h2>\n
To set a title for the slide, you can add it with any HTML element type as a direct child element of the slide with ms-title<\/code> class name.<\/p>\n
\t<div id=\"masterslider\" class=\"master-slider\">\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- ... -->\r\n\t\t\t<h2 class=\"ms-title\">Lorem ipsum dolor sit amet.<\/h2>\r\n\t\t\t<!-- ... -->\r\n\t\t<\/div>\r\n\t\t<!-- .... -->\r\n\t<\/div><\/pre>\n
Slide info<\/h2>\n
Slide info describes the slide. To add this content to the slide, you can define it by any HTML element as the direct child element of slide with ms-info<\/code> class name.<\/p>\n
\t<div id=\"masterslider\" class=\"master-slider\">\r\n\t\t<div class=\"ms-slide\">\r\n\t\t\t<!-- ... -->\r\n\t\t\t<p class=\"ms-info\">\r\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipisicing elit. At quo esse, dolor doloremque! Ab harum aut optio pariatur atque, ratione suscipit voluptatem non ipsa alias, laboriosam cupiditate voluptatum aliquam repellat!\r\n\t\t\t<\/p>\r\n\t\t\t<!-- ... -->\r\n\t\t<\/div>\r\n\t\t<!-- .... -->\r\n\t<\/div><\/pre>\n","type":"solution"}