Example

Inhalt für Slide 1

Inhalt
für Slide 2

Inhalt
für
Slide
3

Inhalt
für
Slide 4

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