Adding new showIndex option to WebSlides class

src/js/modules/webslides.js

@@ -44,6 +44,7 @@ export default class WebSlides {
    * navigation can occur again with scroll.
    * @param {number} slideOffset Controls the amount of needed touch delta to
    * trigger navigation.
+   * @param {boolean} showIndex Controls if the index can be shown.
    */
   constructor({
     autoslide = false,
@@ -52,7 +53,8 @@ export default class WebSlides {
     minWheelDelta = 40,
     navigateOnScroll = true,
     scrollWait = 450,
-    slideOffset = 50
+    slideOffset = 50,
+    showIndex = true
   } = {}) {
     /**
      * WebSlide element.
@@ -113,7 +115,8 @@ export default class WebSlides {
       minWheelDelta,
       navigateOnScroll,
       scrollWait,
-      slideOffset
+      slideOffset,
+      showIndex
     };
     /**
      * Initialisation flag.
@@ -393,7 +396,9 @@ export default class WebSlides {
    * Toggles zoom
    */
   toggleZoom() {
-    this.plugins.zoom.toggleZoom();
+    if (this.options.showIndex) {
+      this.plugins.zoom.toggleZoom();
+    }
   }
 
   /**

src/js/plugins/zoom.js

@@ -137,6 +137,7 @@ export default class Zoom {
    * Zoom In the slider, scales the slides and uses a grid layout to show them.
    */
   zoomIn() {
+    if (!this.ws_.options.showIndex) return;
     this.enable();
     const currentId = this.ws_.currentSlide_.el.id;
     const zoomedCurrent = this.zws_.el
@@ -168,6 +169,7 @@ export default class Zoom {
    * Zoom Out the slider, remove scale from the slides.
    */
   zoomOut() {
+    if (!this.ws_.options.showIndex) return;
     this.zws_.el.classList.remove('in');
 
     setTimeout(() => {