Example
Markup
<div class="bgimageslider" data-widget="BGImageSlider"
data-imageslider-arrow-next="fa fa-angle-right"
data-imageslider-arrow-prev="fa fa-angle-left"
data-imageslider-show-arrows="false"
data-imageslider-show-pager="false"
data-imageslider-autoplay="true" data-imageslider-speed="8000">
<div class="bgimageslider_mainoverlay">
<div class="bgimageslider_main" data-imageslider-main>
<div>
<div class="bgimageslider_main_img"
data-rbg='["//placehold.it/1500x500"]'>
</div>
</div>
<div>
<div class="bgimageslider_main_img"
data-rbg='["//placehold.it/1500x500/000000"]'>
</div>
</div>
</div>
<div class="bgimageslider_overlays" data-imageslider-overlays>
<div class="bgimageslider_overlay">
<div class="pagesize">
<div class="bgimageslider_overlay_insert">
<span class="bgimageslider_overlay_insert_text">Slider Insert oben.</span>
</div>
<div class="bgimageslider_overlay_insert">
<span class="bgimageslider_overlay_insert_text bgimageslider_overlay_insert_text--bottom">Und unten auch eins.</span>
</div>
</div>
</div>
<div class="bgimageslider_overlay bgimageslider_overlay--right">
<div class="pagesize">
<div class="bgimageslider_overlay_insert">
<span class="bgimageslider_overlay_insert_text">Slider Insert oben.</span>
</div>
<div class="bgimageslider_overlay_insert">
<span class="bgimageslider_overlay_insert_text bgimageslider_overlay_insert_text--bottom">Und unten auch eins.</span>
</div>
</div>
</div>
</div>
</div>
</div>
Source:
slider/css/bgimageslider.css, line 1