gs5 lightgallery2

gs5excerpt.js

const gsBgImgSelector = '.wp-block-eedee-block-gutenslider .eedee-background-div img';

const dynamicEl = [ ...el.querySelectorAll( gsBgImgSelector ) ].map( ( sliderImg ) => {
	return {
		src: sliderImg.src,
		thumb: sliderImg.src,
		subHtml: '<h4>Image 1 title</h4><p>Image 1 descriptions.</p>',
	};
});

const dynamicGallery = document.querySelector('.dynamic-gallery-button');

dynamicGallery.addEventListener('click', () => {
	const popup = lightGallery( dynamicGallery, {
		dynamic: true,
		dynamicEl,
	});
	setTimeout(() => {
		console.log( popup );
		popup.openGallery( 0 );
	}, 1000);
});

[ ...document.querySelectorAll( '.wp-block-eedee-block-gutenslide' ) ].map( ( slide, idx ) => {
	slide.addEventListener('click', () => {
		const popup = lightGallery( slide, {
			dynamic: true,
			dynamicEl,
		});
		setTimeout(() => {
			console.log( popup );
			popup.openGallery( idx );
		}, 1000);
	});
});