Changed so gallery is loaded after page is loaded (#27)

DekodeInteraktiv · Apr 30, 2019 · 482c7ca · 482c7ca
1 parent 90816f0
commit 482c7ca
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/assets/js/hogan-gallery-slider.js b/assets/js/hogan-gallery-slider.js
diff --git a/src/slider/slider.js b/src/slider/slider.js
@@ -9,12 +9,15 @@ const {
 /**
  * Hogan slider
  */
-const sliders = document.querySelectorAll( '.hogan-gallery-carousel' );
+window.onload = () => {
+	const sliders = document.querySelectorAll('.hogan-gallery-carousel');
 
-Array.prototype.slice.call( sliders ).forEach( slider => {
-	new Flickity( slider, hoganGallery.flickityConfig ); // eslint-disable-line no-new
+	Array.prototype.slice.call(sliders).forEach(slider => {
+		new Flickity(slider, hoganGallery.flickityConfig); // eslint-disable-line no-new
+
+		if (slider.hasAttribute('data-pswp-uid')) {
+			new window.hogan.PhotoSwipe(slider, hoganGallery.photoswipeConfig); // eslint-disable-line no-new
+		}
+	});
+}
 
-	if ( slider.hasAttribute( 'data-pswp-uid' ) ) {
-		new window.hogan.PhotoSwipe( slider, hoganGallery.photoswipeConfig ); // eslint-disable-line no-new
-	}
-} );