{"title":"Creating Custom Loading","id":52047,"link":"https:\/\/env.averta.net\/en\/step\/creating-custom-loading\/","parent":[51824],"content":"

To create a custom loading for the slider, you just need to add its markup as a direct child element of the slider element with ms-loading-container<\/code> class name. Below you can find an example:<\/p>\n

  \t<div id=\"masterslider\" class=\"master-slider\">\r\n      <div class=\"ms-loading-container\">\r\n        <img src=\"..\/path\/to\/loading.gif\" alt=\"\">\r\n        <!-- or any other form of loading -->\r\n      <\/div>\r\n      <div class=\"ms-slide\">\r\n        <!-- slide content here -->\r\n      <\/div>\r\n      <div class=\"ms-slide\">\r\n        <!-- slide content here -->\r\n      <\/div>\r\n      <div class=\"ms-slide\">\r\n        <!-- slide content here -->\r\n      <\/div>\r\n    <\/div><\/pre>\n","type":"solution"}