diff --git a/lib/olHelpers/layerSwipe.js b/lib/olHelpers/layerSwipe.js
index 304e1361f3f7bec233f545f9b128ea092a1d8090..87ab688a18d7044780e55cd749a1988415c3d0ae 100644
--- a/lib/olHelpers/layerSwipe.js
+++ b/lib/olHelpers/layerSwipe.js
@@ -27,13 +27,15 @@ var LayerSwipe = function () {
     /**
      *
      * @param {ol.Map} map - the map
+     * @param {string} [sliderContent=''] - additional html to be added inside the slider div
      */
 
-    function LayerSwipe(map) {
+    function LayerSwipe(map, sliderContent) {
         var _this = this;
 
         _classCallCheck(this, LayerSwipe);
 
+        sliderContent = sliderContent || '';
         /**
          *
          * @type {Array<LayerBase>}
@@ -48,11 +50,10 @@ var LayerSwipe = function () {
 
         this._percentRight = 50;
         this.offset = null;
-        this.theTimeout = null;
 
         this._map = map;
         this.$mapElement = (0, _jquery2.default)(map.getTargetElement());
-        this.$mapElement.append('<div class="layer-swiper"></div>');
+        this.$mapElement.append('<div class="layer-swiper">' + sliderContent + '</div>');
 
         this.$swiper = this.$mapElement.find('.layer-swiper');
         this.percentRight = this.percentRight;
@@ -140,7 +141,7 @@ var LayerSwipe = function () {
                 ctx.restore();
             });
 
-            this.leftLayers.push(lyr);
+            this.rightLayers.push(lyr);
         }
     }, {
         key: 'percentRight',
diff --git a/src/olHelpers/layerSwipe.js b/src/olHelpers/layerSwipe.js
index a280ba671f63513e18528bd46a06b6573d8019e2..2dcdd0adbcb7a6ea6fe6b42d821219f2a5c10616 100644
--- a/src/olHelpers/layerSwipe.js
+++ b/src/olHelpers/layerSwipe.js
@@ -14,9 +14,11 @@ class LayerSwipe {
     /**
      *
      * @param {ol.Map} map - the map
+     * @param {string} [sliderContent=''] - additional html to be added inside the slider div
      */
-    constructor(map) {
+    constructor(map, sliderContent) {
 
+        sliderContent = sliderContent || '';
         /**
          *
          * @type {Array<LayerBase>}
@@ -31,11 +33,10 @@ class LayerSwipe {
 
         this._percentRight = 50;
         this.offset = null;
-        this.theTimeout = null;
 
         this._map = map;
         this.$mapElement = $(map.getTargetElement());
-        this.$mapElement.append(`<div class="layer-swiper"></div>`);
+        this.$mapElement.append(`<div class="layer-swiper">${sliderContent}</div>`);
 
 
         this.$swiper = this.$mapElement.find('.layer-swiper');
@@ -116,7 +117,7 @@ class LayerSwipe {
             ctx.restore();
         });
 
-        this.leftLayers.push(lyr);
+        this.rightLayers.push(lyr);
     }
 
     get percentRight() {