Enable Lightbox compatibility with Lazy Loading (#2588)

* make lightbox compatible with a3 lazy load plugin

* allow lazy loading with Lightbox

---------

Co-authored-by: aledesma-godaddy <aledesma@godaddy.com>

src/js/coblocks-lightbox.js

@@ -140,7 +140,20 @@
 					imagePreloader.preloaded = true;
 					Array.from( images ).forEach( function( img, imgIndex ) {
 						imagePreloader[ `img-${ imgIndex }` ] = new window.Image();
-						imagePreloader[ `img-${ imgIndex }` ].src = img.attributes.src.value;
+
+						// If the src is lazy loaded, use the data-src attribute.
+						// Compatibility with A3 Lazy Load plugin and maybe others.
+						if (
+							img.attributes.src.value?.includes( 'lazy-load' ) &&
+							'undefined' !== typeof img.attributes?.[ 'data-src' ]?.value
+						) {
+							imagePreloader[ `img-${ imgIndex }` ].src =
+								img.attributes[ 'data-src' ].value;
+						} else {
+							imagePreloader[ `img-${ imgIndex }` ].src =
+								img.attributes.src.value;
+						}
+
 						imagePreloader[ `img-${ imgIndex }` ][ 'data-caption' ] =
 								( images[ imgIndex ] && images[ imgIndex ].nextElementSibling )
 									? getImageCaption( images[ imgIndex ] ) : '';