[FEATURE] Add option to load the lightbox empty if no elements are av…

…ailable

(e.g. when elements are loaded via Ajax)

README.md

@@ -209,6 +209,10 @@ The following options are available:
 
 ```js
 {
+  // Load the lightbox empty if no elements are available
+  // (e.g. when elements are loaded via Ajax)
+  loadEmpty: false,
+
   // Selector for elements that trigger Parvus
   selector: '.lightbox',
 

dist/js/parvus.esm.js

@@ -91,6 +91,7 @@ function Parvus(userOptions) {
   const mergeOptions = userOptions => {
     // Default options
     const DEFAULT_OPTIONS = {
+      loadEmpty: false,
       selector: '.lightbox',
       gallerySelector: null,
       captions: true,
@@ -1403,6 +1404,11 @@ function Parvus(userOptions) {
   const init = () => {
     // Merge user options into defaults
     config = mergeOptions(userOptions);
+
+    // Check if the lightbox should be loaded empty or if there are elements for the lightbox.
+    if (!config.loadEmpty && !document.querySelectorAll(config.selector).length) {
+      return;
+    }
     reducedMotionCheck();
 
     // Check if the lightbox already exists

dist/js/parvus.js

@@ -97,6 +97,7 @@
     const mergeOptions = userOptions => {
       // Default options
       const DEFAULT_OPTIONS = {
+        loadEmpty: false,
         selector: '.lightbox',
         gallerySelector: null,
         captions: true,
@@ -1409,6 +1410,11 @@
     const init = () => {
       // Merge user options into defaults
       config = mergeOptions(userOptions);
+
+      // Check if the lightbox should be loaded empty or if there are elements for the lightbox.
+      if (!config.loadEmpty && !document.querySelectorAll(config.selector).length) {
+        return;
+      }
       reducedMotionCheck();
 
       // Check if the lightbox already exists

src/js/parvus.js

@@ -53,6 +53,7 @@ export default function Parvus (userOptions) {
   const mergeOptions = (userOptions) => {
     // Default options
     const DEFAULT_OPTIONS = {
+      loadEmpty: false,
       selector: '.lightbox',
       gallerySelector: null,
       captions: true,
@@ -1496,6 +1497,11 @@ export default function Parvus (userOptions) {
     // Merge user options into defaults
     config = mergeOptions(userOptions)
 
+    // Check if the lightbox should be loaded empty or if there are elements for the lightbox.
+    if (!config.loadEmpty && !document.querySelectorAll(config.selector).length) {
+      return
+    }
+
     reducedMotionCheck()
 
     // Check if the lightbox already exists