Example
Markup
<div data-widget="ImageSlider"
data-imageslider-arrow-next="fa fa-angle-right"
data-imageslider-arrow-prev="fa fa-angle-left"
data-autoplay="true"
data-imageslider-speed="8000">
<div class="imageslider_mainoverlay">
<div class="imageslider_main" data-imageslider-main>
<div>
<img class="imageslider_main_img slide_img" data-lazy="http://placehold.it/1600x680?text=1">
</div>
<div>
<img class="imageslider_main_img slide_img" data-lazy="http://placehold.it/1600x480?text=2">
</div>
<div>
<img class="imageslider_main_img slide_img" data-lazy="http://placehold.it/1600x680?text=3">
</div>
<div>
<img class="imageslider_main_img slide_img" data-lazy="http://placehold.it/1600x680?text=4">
</div>
</div>
<div class="imageslider_overlay" data-imageslider-overlays>
<div class="imageslider_overlay_inner">
<p>Inhalt für Slide 1</p>
</div>
<div class="imageslider_overlay_inner">
<p>Inhalt<br>für Slide 2</p>
</div>
<div class="imageslider_overlay_inner">
<p>Inhalt<br>für<br>Slide<br>3</p>
</div>
<div class="imageslider_overlay_inner">
<p>Inhalt<br>für<br>Slide 4</p>
</div>
</div>
</div>
<div class="imageslider_thumbs" data-imageslider-thumbs>
<div>
<img class="imageslider_thumb slide_img" data-lazy="http://placehold.it/1600x680?text=1">
</div>
<div>
<img class="imageslider_thumb slide_img" data-lazy="http://placehold.it/1600x680?text=2">
</div>
<div>
<img class="imageslider_thumb slide_img" data-lazy="http://placehold.it/1600x680?text=3">
</div>
<div>
<img class="imageslider_thumb slide_img" data-lazy="http://placehold.it/1600x680?text=4">
</div>
</div>
</div>
Source:
slider/css/imageslider.css, line 9