[FEATURE] Add an option to make the zoom indicator optional

Related: #62

Author: deoostfrees

README.md

@@ -215,6 +215,9 @@ Available options include:
   // Selector for a group of elements combined as a gallery, overrides the `data-group` attribute.
   gallerySelector: null,
 
+  // Display zoom indicator
+  zoomIndicator: true,
+
   // Display captions if available
   captions: true,
 

dist/js/parvus.esm.js

@@ -119,6 +119,7 @@ function Parvus(userOptions) {
     const DEFAULT_OPTIONS = {
       selector: '.lightbox',
       gallerySelector: null,
+      zoomIndicator: true,
       captions: true,
       captionsSelector: 'self',
       captionsAttribute: 'data-caption',
@@ -203,7 +204,9 @@ function Parvus(userOptions) {
       throw new Error('Ups, element already added.');
     }
     GROUPS[newGroup].triggerElements.push(el);
-    addZoomIndicator(el, config);
+    if (config.zoomIndicator) {
+      addZoomIndicator(el, config);
+    }
     el.classList.add('parvus-trigger');
     el.addEventListener('click', triggerParvus);
     if (isOpen() && newGroup === activeGroup) {
@@ -236,9 +239,9 @@ function Parvus(userOptions) {
     const EL_INDEX = GROUPS[EL_GROUP].triggerElements.indexOf(el);
     GROUPS[EL_GROUP].triggerElements.splice(EL_INDEX, 1);
     GROUPS[EL_GROUP].sliderElements.splice(EL_INDEX, 1);
-
-    // Remove lightbox indicator icon
-    removeZoomIndicator(el);
+    if (config.zoomIndicator) {
+      removeZoomIndicator(el);
+    }
     if (isOpen() && EL_GROUP === activeGroup) {
       updateAttributes();
       updateSliderNavigationStatus();

dist/js/parvus.esm.min.js

@@ -125,6 +125,7 @@
       const DEFAULT_OPTIONS = {
         selector: '.lightbox',
         gallerySelector: null,
+        zoomIndicator: true,
         captions: true,
         captionsSelector: 'self',
         captionsAttribute: 'data-caption',
@@ -209,7 +210,9 @@
         throw new Error('Ups, element already added.');
       }
       GROUPS[newGroup].triggerElements.push(el);
-      addZoomIndicator(el, config);
+      if (config.zoomIndicator) {
+        addZoomIndicator(el, config);
+      }
       el.classList.add('parvus-trigger');
       el.addEventListener('click', triggerParvus);
       if (isOpen() && newGroup === activeGroup) {
@@ -242,9 +245,9 @@
       const EL_INDEX = GROUPS[EL_GROUP].triggerElements.indexOf(el);
       GROUPS[EL_GROUP].triggerElements.splice(EL_INDEX, 1);
       GROUPS[EL_GROUP].sliderElements.splice(EL_INDEX, 1);
-
-      // Remove lightbox indicator icon
-      removeZoomIndicator(el);
+      if (config.zoomIndicator) {
+        removeZoomIndicator(el);
+      }
       if (isOpen() && EL_GROUP === activeGroup) {
         updateAttributes();
         updateSliderNavigationStatus();

dist/js/parvus.js

@@ -55,6 +55,7 @@ export default function Parvus (userOptions) {
     const DEFAULT_OPTIONS = {
       selector: '.lightbox',
       gallerySelector: null,
+      zoomIndicator: true,
       captions: true,
       captionsSelector: 'self',
       captionsAttribute: 'data-caption',
@@ -151,7 +152,9 @@ export default function Parvus (userOptions) {
 
     GROUPS[newGroup].triggerElements.push(el)
 
-    addZoomIndicator(el, config)
+    if (config.zoomIndicator) {
+      addZoomIndicator(el, config)
+    }
 
     el.classList.add('parvus-trigger')
     el.addEventListener('click', triggerParvus)
@@ -191,8 +194,9 @@ export default function Parvus (userOptions) {
     GROUPS[EL_GROUP].triggerElements.splice(EL_INDEX, 1)
     GROUPS[EL_GROUP].sliderElements.splice(EL_INDEX, 1)
 
-    // Remove lightbox indicator icon
-    removeZoomIndicator(el)
+    if (config.zoomIndicator) {
+      removeZoomIndicator(el)
+    }
 
     if (isOpen() && EL_GROUP === activeGroup) {
       updateAttributes()