From b89492a987f579583d2fbacac112bc79d30b7471 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9my=20Perona?= <remperona@gmail.com>
Date: Fri, 2 Aug 2024 15:31:22 -0400
Subject: [PATCH 1/3] remove loading lazy from images excluded from lazyload

---
 src/Image.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Image.php b/src/Image.php
index bd77d8f..0f54e06 100644
--- a/src/Image.php
+++ b/src/Image.php
@@ -30,9 +30,14 @@ public function lazyloadImages( $html, $buffer, $use_native = true ) {
 		$images = array_unique( $images, SORT_REGULAR );
 
 		foreach ( $images as $image ) {
-			$image = $this->canLazyload( $image );
+			$original_image = $image;
+			$image         = $this->canLazyload( $image );
 
 			if ( ! $image ) {
+				$image_no_lazy = preg_replace( '/loading=["\']lazy["\']/i', '', $original_image );
+
+				$html = str_replace( $original_image, $image_no_lazy, $html );
+
 				continue;
 			}
 

From 0ff7459837631cb58b51edf308897902e147d7da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9my=20Perona?= <remperona@gmail.com>
Date: Fri, 2 Aug 2024 15:31:27 -0400
Subject: [PATCH 2/3] update fixtures

---
 Tests/Fixtures/image/images.html                     | 4 ++--
 Tests/Fixtures/image/imageslazyloaded.html           | 4 ++--
 Tests/Fixtures/image/imageslazyloadednative.html     | 4 ++--
 Tests/Fixtures/image/imageslazyloadednofallback.html | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Tests/Fixtures/image/images.html b/Tests/Fixtures/image/images.html
index 8cd299c..b388b34 100644
--- a/Tests/Fixtures/image/images.html
+++ b/Tests/Fixtures/image/images.html
@@ -27,5 +27,5 @@
 <div class="eael-filter-gallery-container grid" data-images-per-page="9" data-total-gallery-items="9" data-nomore-item-text data-settings="{&quot;grid_style&quot;:&quot;grid&quot;,&quot;popup&quot;:&quot;none&quot;,&quot;duration&quot;:500,&quot;gallery_enabled&quot;:&quot;&quot;,&quot;post_id&quot;:654,&quot;widget_id&quot;:&quot;4c25c20&quot;}" data-gallery-items="[&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-360-Grad-Rundgang.jpg\&quot; alt=\&quot;360\u00b0 Rundgang\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>360\u00b0 Rundgang<\/h5><p class=\&quot;fg-item-content\&quot;>Modern, frisch und vor allem interaktiv, ein virtueller Rundgang ist alles andere als starr und langweilig. Profitieren Sie davon, dass der Kunde das Objekt wie nie zuvor erfahren kann. Ziehen Sie ihn in Ihren Bann, indem Sie ihn an den richtigen Stellen mit allen relevanten Informationen versorgen, optimieren Sie auf diese Weise Ihren Zeitaufwand pro Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Puppenhaus-3d-Visualisierung.jpg\&quot; alt=\&quot;Virtuelles Puppenhaus\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtuelles Puppenhaus<\/h5><p class=\&quot;fg-item-content\&quot;>Blicken Sie, wie bei einem Puppenhaus, von au\u00dfen in das jeweilige Objekt, drehen und wenden Sie es einfach per Mausklick oder wechseln an jeder beliebigen Stelle ins Innere. Egal, ob Mietobjekt, Ladenlokal oder Ihr Lieblingsrestaurant, verschaffen Sie sich mit dieser Darstellung einen \u00dcberblick \u00fcber die Infrastruktur und die Dimension der Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Grundrisse-Aufma\u00df.jpg\&quot; alt=\&quot;Makler Grundriss\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Makler Grundriss<\/h5><p class=\&quot;fg-item-content\&quot;>W\u00e4hrend jeder Aufnahme vermessen 3 Infrarot-Tiefensensoren den Raum mit einer Genauigkeit von 98\u201399%. Mit Hilfe dieser Daten k\u00f6nnen wir ganze Immobilien dokumentieren und Ihnen einen exakten Grundriss Ihrer Immobilien bereitstellen: Ein wertvolles Hilfsmittel um (fehlende) Zeichnungen zu fertigen oder diese nach Umbauma\u00dfnahmen zu aktualisieren.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Brille-Virtual-Reality.jpg\&quot; alt=\&quot;Virtual Reality\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtual Reality<\/h5><p class=\&quot;fg-item-content\&quot;>Virtuelle Rundg\u00e4nge sind die spannendste Art, reale Orte zu erleben. Der Nutzer kann den jeweiligen Ort eigenst\u00e4ndig erleben, ohne physisch dort zu sein. Durch die interaktive Erkundungstour wird ein realistisches Gef\u00fchl f\u00fcr den Raum vermittelt, welches durch die Verwendung einer VR-Brille weiter verst\u00e4rkt werden kann.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Etagen-Plan-Floor-Plan.jpg\&quot; alt=\&quot;Etagen Plan\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Etagen Plan<\/h5><p class=\&quot;fg-item-content\&quot;>Dieser Plan ist ein 2D Lageplan, der die Besonderheiten der R\u00e4umlichkeiten erkennen l\u00e4sst. Es kann das ganze Objekt oder jede Etage einzeln f\u00fcr sich betrachtet werden. Nutzen Sie diese M\u00f6glichkeit, um einen Gesamteindruck der Immobilie zu erhalten, Mattertags zu entdecken oder an einer Stelle Ihrer Wahl in den Inside-View Modus zu wechseln.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Mattertags-Informationen.jpg\&quot; alt=\&quot;Mattertags\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Mattertags<\/h5><p class=\&quot;fg-item-content\&quot;>Begeistern Sie mit spannenden Zusatzinfos zu Ihrer Immobilie und profitieren Sie direkt von der modernen Art des Storytellings. Mittels Mattertags k\u00f6nnen Sie alle g\u00e4ngigen Informationsquellen bereitstellen: Texte, Videos, Bilder, Weblinks &amp;\u00a0downloadf\u00e4hige Inhalte. Nutzen sie den Informationsvorsprung und konvertieren Sie mehr Besucher in Kunden.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Ma\u00dfstabsgetreu.jpg\&quot; alt=\&quot;Ma\u00dfstabsgetreu \&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Ma\u00dfstabsgetreu <\/h5><p class=\&quot;fg-item-content\&quot;>Ersparen Sie sich ab jetzt aufwendige Aufma\u00dfe und zeitintensive Berechnungen. Mit Hilfe des ma\u00dfstabsgetreuen 3D Scans sind wir in der Lage, alle relevanten Ma\u00dfe mit individuellen Bezeichnungen in Ihr Modell zu integrieren. Auch die Integration aller Ma\u00dfe in Grundrisse ist m\u00f6glich.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-4K-Fotos-Panorama.jpg\&quot; alt=\&quot;4k Fotos &amp; Panoramabilder\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>4k Fotos &amp; Panoramabilder<\/h5><p class=\&quot;fg-item-content\&quot;>Nach der Verarbeitung des Scans erstellen wir Ihnen aus allen gew\u00fcnschten Ansichten, druckfertige Fotos, die Sie f\u00fcr Ihre Printmedien verwenden k\u00f6nnen. Die Fotos k\u00f6nnen individuell aus jedem beliebigen Blickwinkel des 3D Modells extrahiert werden - auch als 360\u00b0 Panoramabilder.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Socialmedia-Video-Facebook.jpg\&quot; alt=\&quot;Social Video\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Social Video<\/h5><p class=\&quot;fg-item-content\&quot;>Aus dem 3D- Scan erstellen wir Ihnen gern Videos, die Sie zum eigenen Marketing, z.B. in Social Media Kan\u00e4len, Videoportalen oder auf Ihrer eigenen Internetseite verwenden k\u00f6nnen. In HD- Qualit\u00e4t und auch als animiertes gif- Bild m\u00f6glich. In den Videos wird Ihr 3D- Modell von au\u00dfen und innen pr\u00e4sentiert.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;]" data-init-show="3"></div>
 
 <!-- image with image-compare__ attribute -->
-<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"/>
-<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"/>
+<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg" loading="lazy" />
+<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg" loading="lazy" />
diff --git a/Tests/Fixtures/image/imageslazyloaded.html b/Tests/Fixtures/image/imageslazyloaded.html
index 6fb2cb3..c7b1294 100644
--- a/Tests/Fixtures/image/imageslazyloaded.html
+++ b/Tests/Fixtures/image/imageslazyloaded.html
@@ -27,5 +27,5 @@
 <div class="eael-filter-gallery-container grid" data-images-per-page="9" data-total-gallery-items="9" data-nomore-item-text data-settings="{&quot;grid_style&quot;:&quot;grid&quot;,&quot;popup&quot;:&quot;none&quot;,&quot;duration&quot;:500,&quot;gallery_enabled&quot;:&quot;&quot;,&quot;post_id&quot;:654,&quot;widget_id&quot;:&quot;4c25c20&quot;}" data-gallery-items="[&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-360-Grad-Rundgang.jpg\&quot; alt=\&quot;360\u00b0 Rundgang\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>360\u00b0 Rundgang<\/h5><p class=\&quot;fg-item-content\&quot;>Modern, frisch und vor allem interaktiv, ein virtueller Rundgang ist alles andere als starr und langweilig. Profitieren Sie davon, dass der Kunde das Objekt wie nie zuvor erfahren kann. Ziehen Sie ihn in Ihren Bann, indem Sie ihn an den richtigen Stellen mit allen relevanten Informationen versorgen, optimieren Sie auf diese Weise Ihren Zeitaufwand pro Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Puppenhaus-3d-Visualisierung.jpg\&quot; alt=\&quot;Virtuelles Puppenhaus\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtuelles Puppenhaus<\/h5><p class=\&quot;fg-item-content\&quot;>Blicken Sie, wie bei einem Puppenhaus, von au\u00dfen in das jeweilige Objekt, drehen und wenden Sie es einfach per Mausklick oder wechseln an jeder beliebigen Stelle ins Innere. Egal, ob Mietobjekt, Ladenlokal oder Ihr Lieblingsrestaurant, verschaffen Sie sich mit dieser Darstellung einen \u00dcberblick \u00fcber die Infrastruktur und die Dimension der Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Grundrisse-Aufma\u00df.jpg\&quot; alt=\&quot;Makler Grundriss\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Makler Grundriss<\/h5><p class=\&quot;fg-item-content\&quot;>W\u00e4hrend jeder Aufnahme vermessen 3 Infrarot-Tiefensensoren den Raum mit einer Genauigkeit von 98\u201399%. Mit Hilfe dieser Daten k\u00f6nnen wir ganze Immobilien dokumentieren und Ihnen einen exakten Grundriss Ihrer Immobilien bereitstellen: Ein wertvolles Hilfsmittel um (fehlende) Zeichnungen zu fertigen oder diese nach Umbauma\u00dfnahmen zu aktualisieren.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Brille-Virtual-Reality.jpg\&quot; alt=\&quot;Virtual Reality\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtual Reality<\/h5><p class=\&quot;fg-item-content\&quot;>Virtuelle Rundg\u00e4nge sind die spannendste Art, reale Orte zu erleben. Der Nutzer kann den jeweiligen Ort eigenst\u00e4ndig erleben, ohne physisch dort zu sein. Durch die interaktive Erkundungstour wird ein realistisches Gef\u00fchl f\u00fcr den Raum vermittelt, welches durch die Verwendung einer VR-Brille weiter verst\u00e4rkt werden kann.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Etagen-Plan-Floor-Plan.jpg\&quot; alt=\&quot;Etagen Plan\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Etagen Plan<\/h5><p class=\&quot;fg-item-content\&quot;>Dieser Plan ist ein 2D Lageplan, der die Besonderheiten der R\u00e4umlichkeiten erkennen l\u00e4sst. Es kann das ganze Objekt oder jede Etage einzeln f\u00fcr sich betrachtet werden. Nutzen Sie diese M\u00f6glichkeit, um einen Gesamteindruck der Immobilie zu erhalten, Mattertags zu entdecken oder an einer Stelle Ihrer Wahl in den Inside-View Modus zu wechseln.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Mattertags-Informationen.jpg\&quot; alt=\&quot;Mattertags\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Mattertags<\/h5><p class=\&quot;fg-item-content\&quot;>Begeistern Sie mit spannenden Zusatzinfos zu Ihrer Immobilie und profitieren Sie direkt von der modernen Art des Storytellings. Mittels Mattertags k\u00f6nnen Sie alle g\u00e4ngigen Informationsquellen bereitstellen: Texte, Videos, Bilder, Weblinks &amp;\u00a0downloadf\u00e4hige Inhalte. Nutzen sie den Informationsvorsprung und konvertieren Sie mehr Besucher in Kunden.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Ma\u00dfstabsgetreu.jpg\&quot; alt=\&quot;Ma\u00dfstabsgetreu \&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Ma\u00dfstabsgetreu <\/h5><p class=\&quot;fg-item-content\&quot;>Ersparen Sie sich ab jetzt aufwendige Aufma\u00dfe und zeitintensive Berechnungen. Mit Hilfe des ma\u00dfstabsgetreuen 3D Scans sind wir in der Lage, alle relevanten Ma\u00dfe mit individuellen Bezeichnungen in Ihr Modell zu integrieren. Auch die Integration aller Ma\u00dfe in Grundrisse ist m\u00f6glich.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-4K-Fotos-Panorama.jpg\&quot; alt=\&quot;4k Fotos &amp; Panoramabilder\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>4k Fotos &amp; Panoramabilder<\/h5><p class=\&quot;fg-item-content\&quot;>Nach der Verarbeitung des Scans erstellen wir Ihnen aus allen gew\u00fcnschten Ansichten, druckfertige Fotos, die Sie f\u00fcr Ihre Printmedien verwenden k\u00f6nnen. Die Fotos k\u00f6nnen individuell aus jedem beliebigen Blickwinkel des 3D Modells extrahiert werden - auch als 360\u00b0 Panoramabilder.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Socialmedia-Video-Facebook.jpg\&quot; alt=\&quot;Social Video\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Social Video<\/h5><p class=\&quot;fg-item-content\&quot;>Aus dem 3D- Scan erstellen wir Ihnen gern Videos, die Sie zum eigenen Marketing, z.B. in Social Media Kan\u00e4len, Videoportalen oder auf Ihrer eigenen Internetseite verwenden k\u00f6nnen. In HD- Qualit\u00e4t und auch als animiertes gif- Bild m\u00f6glich. In den Videos wird Ihr 3D- Modell von au\u00dfen und innen pr\u00e4sentiert.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;]" data-init-show="3"></div>
 
 <!-- image with image-compare__ attribute -->
-<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"/>
-<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"/>
+<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"  />
+<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"  />
diff --git a/Tests/Fixtures/image/imageslazyloadednative.html b/Tests/Fixtures/image/imageslazyloadednative.html
index b6f299e..e90f4a7 100644
--- a/Tests/Fixtures/image/imageslazyloadednative.html
+++ b/Tests/Fixtures/image/imageslazyloadednative.html
@@ -27,5 +27,5 @@
 <div class="eael-filter-gallery-container grid" data-images-per-page="9" data-total-gallery-items="9" data-nomore-item-text data-settings="{&quot;grid_style&quot;:&quot;grid&quot;,&quot;popup&quot;:&quot;none&quot;,&quot;duration&quot;:500,&quot;gallery_enabled&quot;:&quot;&quot;,&quot;post_id&quot;:654,&quot;widget_id&quot;:&quot;4c25c20&quot;}" data-gallery-items="[&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-360-Grad-Rundgang.jpg\&quot; alt=\&quot;360\u00b0 Rundgang\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>360\u00b0 Rundgang<\/h5><p class=\&quot;fg-item-content\&quot;>Modern, frisch und vor allem interaktiv, ein virtueller Rundgang ist alles andere als starr und langweilig. Profitieren Sie davon, dass der Kunde das Objekt wie nie zuvor erfahren kann. Ziehen Sie ihn in Ihren Bann, indem Sie ihn an den richtigen Stellen mit allen relevanten Informationen versorgen, optimieren Sie auf diese Weise Ihren Zeitaufwand pro Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Puppenhaus-3d-Visualisierung.jpg\&quot; alt=\&quot;Virtuelles Puppenhaus\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtuelles Puppenhaus<\/h5><p class=\&quot;fg-item-content\&quot;>Blicken Sie, wie bei einem Puppenhaus, von au\u00dfen in das jeweilige Objekt, drehen und wenden Sie es einfach per Mausklick oder wechseln an jeder beliebigen Stelle ins Innere. Egal, ob Mietobjekt, Ladenlokal oder Ihr Lieblingsrestaurant, verschaffen Sie sich mit dieser Darstellung einen \u00dcberblick \u00fcber die Infrastruktur und die Dimension der Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Grundrisse-Aufma\u00df.jpg\&quot; alt=\&quot;Makler Grundriss\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Makler Grundriss<\/h5><p class=\&quot;fg-item-content\&quot;>W\u00e4hrend jeder Aufnahme vermessen 3 Infrarot-Tiefensensoren den Raum mit einer Genauigkeit von 98\u201399%. Mit Hilfe dieser Daten k\u00f6nnen wir ganze Immobilien dokumentieren und Ihnen einen exakten Grundriss Ihrer Immobilien bereitstellen: Ein wertvolles Hilfsmittel um (fehlende) Zeichnungen zu fertigen oder diese nach Umbauma\u00dfnahmen zu aktualisieren.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Brille-Virtual-Reality.jpg\&quot; alt=\&quot;Virtual Reality\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtual Reality<\/h5><p class=\&quot;fg-item-content\&quot;>Virtuelle Rundg\u00e4nge sind die spannendste Art, reale Orte zu erleben. Der Nutzer kann den jeweiligen Ort eigenst\u00e4ndig erleben, ohne physisch dort zu sein. Durch die interaktive Erkundungstour wird ein realistisches Gef\u00fchl f\u00fcr den Raum vermittelt, welches durch die Verwendung einer VR-Brille weiter verst\u00e4rkt werden kann.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Etagen-Plan-Floor-Plan.jpg\&quot; alt=\&quot;Etagen Plan\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Etagen Plan<\/h5><p class=\&quot;fg-item-content\&quot;>Dieser Plan ist ein 2D Lageplan, der die Besonderheiten der R\u00e4umlichkeiten erkennen l\u00e4sst. Es kann das ganze Objekt oder jede Etage einzeln f\u00fcr sich betrachtet werden. Nutzen Sie diese M\u00f6glichkeit, um einen Gesamteindruck der Immobilie zu erhalten, Mattertags zu entdecken oder an einer Stelle Ihrer Wahl in den Inside-View Modus zu wechseln.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Mattertags-Informationen.jpg\&quot; alt=\&quot;Mattertags\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Mattertags<\/h5><p class=\&quot;fg-item-content\&quot;>Begeistern Sie mit spannenden Zusatzinfos zu Ihrer Immobilie und profitieren Sie direkt von der modernen Art des Storytellings. Mittels Mattertags k\u00f6nnen Sie alle g\u00e4ngigen Informationsquellen bereitstellen: Texte, Videos, Bilder, Weblinks &amp;\u00a0downloadf\u00e4hige Inhalte. Nutzen sie den Informationsvorsprung und konvertieren Sie mehr Besucher in Kunden.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Ma\u00dfstabsgetreu.jpg\&quot; alt=\&quot;Ma\u00dfstabsgetreu \&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Ma\u00dfstabsgetreu <\/h5><p class=\&quot;fg-item-content\&quot;>Ersparen Sie sich ab jetzt aufwendige Aufma\u00dfe und zeitintensive Berechnungen. Mit Hilfe des ma\u00dfstabsgetreuen 3D Scans sind wir in der Lage, alle relevanten Ma\u00dfe mit individuellen Bezeichnungen in Ihr Modell zu integrieren. Auch die Integration aller Ma\u00dfe in Grundrisse ist m\u00f6glich.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-4K-Fotos-Panorama.jpg\&quot; alt=\&quot;4k Fotos &amp; Panoramabilder\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>4k Fotos &amp; Panoramabilder<\/h5><p class=\&quot;fg-item-content\&quot;>Nach der Verarbeitung des Scans erstellen wir Ihnen aus allen gew\u00fcnschten Ansichten, druckfertige Fotos, die Sie f\u00fcr Ihre Printmedien verwenden k\u00f6nnen. Die Fotos k\u00f6nnen individuell aus jedem beliebigen Blickwinkel des 3D Modells extrahiert werden - auch als 360\u00b0 Panoramabilder.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Socialmedia-Video-Facebook.jpg\&quot; alt=\&quot;Social Video\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Social Video<\/h5><p class=\&quot;fg-item-content\&quot;>Aus dem 3D- Scan erstellen wir Ihnen gern Videos, die Sie zum eigenen Marketing, z.B. in Social Media Kan\u00e4len, Videoportalen oder auf Ihrer eigenen Internetseite verwenden k\u00f6nnen. In HD- Qualit\u00e4t und auch als animiertes gif- Bild m\u00f6glich. In den Videos wird Ihr 3D- Modell von au\u00dfen und innen pr\u00e4sentiert.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;]" data-init-show="3"></div>
 
 <!-- image with image-compare__ attribute -->
-<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"/>
-<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"/>
+<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"  />
+<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"  />
diff --git a/Tests/Fixtures/image/imageslazyloadednofallback.html b/Tests/Fixtures/image/imageslazyloadednofallback.html
index 7ca0e26..6e9e3b1 100644
--- a/Tests/Fixtures/image/imageslazyloadednofallback.html
+++ b/Tests/Fixtures/image/imageslazyloadednofallback.html
@@ -27,5 +27,5 @@
 <div class="eael-filter-gallery-container grid" data-images-per-page="9" data-total-gallery-items="9" data-nomore-item-text data-settings="{&quot;grid_style&quot;:&quot;grid&quot;,&quot;popup&quot;:&quot;none&quot;,&quot;duration&quot;:500,&quot;gallery_enabled&quot;:&quot;&quot;,&quot;post_id&quot;:654,&quot;widget_id&quot;:&quot;4c25c20&quot;}" data-gallery-items="[&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-360-Grad-Rundgang.jpg\&quot; alt=\&quot;360\u00b0 Rundgang\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>360\u00b0 Rundgang<\/h5><p class=\&quot;fg-item-content\&quot;>Modern, frisch und vor allem interaktiv, ein virtueller Rundgang ist alles andere als starr und langweilig. Profitieren Sie davon, dass der Kunde das Objekt wie nie zuvor erfahren kann. Ziehen Sie ihn in Ihren Bann, indem Sie ihn an den richtigen Stellen mit allen relevanten Informationen versorgen, optimieren Sie auf diese Weise Ihren Zeitaufwand pro Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Puppenhaus-3d-Visualisierung.jpg\&quot; alt=\&quot;Virtuelles Puppenhaus\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtuelles Puppenhaus<\/h5><p class=\&quot;fg-item-content\&quot;>Blicken Sie, wie bei einem Puppenhaus, von au\u00dfen in das jeweilige Objekt, drehen und wenden Sie es einfach per Mausklick oder wechseln an jeder beliebigen Stelle ins Innere. Egal, ob Mietobjekt, Ladenlokal oder Ihr Lieblingsrestaurant, verschaffen Sie sich mit dieser Darstellung einen \u00dcberblick \u00fcber die Infrastruktur und die Dimension der Immobilie.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Grundrisse-Aufma\u00df.jpg\&quot; alt=\&quot;Makler Grundriss\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Makler Grundriss<\/h5><p class=\&quot;fg-item-content\&quot;>W\u00e4hrend jeder Aufnahme vermessen 3 Infrarot-Tiefensensoren den Raum mit einer Genauigkeit von 98\u201399%. Mit Hilfe dieser Daten k\u00f6nnen wir ganze Immobilien dokumentieren und Ihnen einen exakten Grundriss Ihrer Immobilien bereitstellen: Ein wertvolles Hilfsmittel um (fehlende) Zeichnungen zu fertigen oder diese nach Umbauma\u00dfnahmen zu aktualisieren.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-VR-Brille-Virtual-Reality.jpg\&quot; alt=\&quot;Virtual Reality\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Virtual Reality<\/h5><p class=\&quot;fg-item-content\&quot;>Virtuelle Rundg\u00e4nge sind die spannendste Art, reale Orte zu erleben. Der Nutzer kann den jeweiligen Ort eigenst\u00e4ndig erleben, ohne physisch dort zu sein. Durch die interaktive Erkundungstour wird ein realistisches Gef\u00fchl f\u00fcr den Raum vermittelt, welches durch die Verwendung einer VR-Brille weiter verst\u00e4rkt werden kann.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Etagen-Plan-Floor-Plan.jpg\&quot; alt=\&quot;Etagen Plan\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Etagen Plan<\/h5><p class=\&quot;fg-item-content\&quot;>Dieser Plan ist ein 2D Lageplan, der die Besonderheiten der R\u00e4umlichkeiten erkennen l\u00e4sst. Es kann das ganze Objekt oder jede Etage einzeln f\u00fcr sich betrachtet werden. Nutzen Sie diese M\u00f6glichkeit, um einen Gesamteindruck der Immobilie zu erhalten, Mattertags zu entdecken oder an einer Stelle Ihrer Wahl in den Inside-View Modus zu wechseln.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Mattertags-Informationen.jpg\&quot; alt=\&quot;Mattertags\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Mattertags<\/h5><p class=\&quot;fg-item-content\&quot;>Begeistern Sie mit spannenden Zusatzinfos zu Ihrer Immobilie und profitieren Sie direkt von der modernen Art des Storytellings. Mittels Mattertags k\u00f6nnen Sie alle g\u00e4ngigen Informationsquellen bereitstellen: Texte, Videos, Bilder, Weblinks &amp;\u00a0downloadf\u00e4hige Inhalte. Nutzen sie den Informationsvorsprung und konvertieren Sie mehr Besucher in Kunden.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Ma\u00dfstabsgetreu.jpg\&quot; alt=\&quot;Ma\u00dfstabsgetreu \&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Ma\u00dfstabsgetreu <\/h5><p class=\&quot;fg-item-content\&quot;>Ersparen Sie sich ab jetzt aufwendige Aufma\u00dfe und zeitintensive Berechnungen. Mit Hilfe des ma\u00dfstabsgetreuen 3D Scans sind wir in der Lage, alle relevanten Ma\u00dfe mit individuellen Bezeichnungen in Ihr Modell zu integrieren. Auch die Integration aller Ma\u00dfe in Grundrisse ist m\u00f6glich.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-4K-Fotos-Panorama.jpg\&quot; alt=\&quot;4k Fotos &amp; Panoramabilder\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>4k Fotos &amp; Panoramabilder<\/h5><p class=\&quot;fg-item-content\&quot;>Nach der Verarbeitung des Scans erstellen wir Ihnen aus allen gew\u00fcnschten Ansichten, druckfertige Fotos, die Sie f\u00fcr Ihre Printmedien verwenden k\u00f6nnen. Die Fotos k\u00f6nnen individuell aus jedem beliebigen Blickwinkel des 3D Modells extrahiert werden - auch als 360\u00b0 Panoramabilder.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;,&quot;<div class=\&quot;eael-filterable-gallery-item-wrap\&quot;>\n\t\t\t\t<div class=\&quot;gallery-grid-item\&quot;><div class=\&quot;gallery-item-thumbnail-wrap\&quot;>\n\t\t\t\t\t\t\t<img src=\&quot;http:\/\/xn--virtuelle-immobilien-rundgnge-qqc.de\/wp-content\/uploads\/2019\/04\/Virtuelle-Rundg\u00e4nge-f\u00fcr-Immobilien-Leipzig-Socialmedia-Video-Facebook.jpg\&quot; alt=\&quot;Social Video\&quot;><\/div><div class=\&quot;gallery-item-caption-wrap caption-style-hoverer eael-slide-up\&quot;><div class=\&quot;gallery-item-hoverer-bg\&quot;><\/div><div class=\&quot;gallery-item-caption-over\&quot;><h5 class=\&quot;fg-item-title\&quot;>Social Video<\/h5><p class=\&quot;fg-item-content\&quot;>Aus dem 3D- Scan erstellen wir Ihnen gern Videos, die Sie zum eigenen Marketing, z.B. in Social Media Kan\u00e4len, Videoportalen oder auf Ihrer eigenen Internetseite verwenden k\u00f6nnen. In HD- Qualit\u00e4t und auch als animiertes gif- Bild m\u00f6glich. In den Videos wird Ihr 3D- Modell von au\u00dfen und innen pr\u00e4sentiert.<\/p><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>&quot;]" data-init-show="3"></div>
 
 <!-- image with image-compare__ attribute -->
-<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"/>
-<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"/>
+<img id="1756" width="801" height="801" class="image-compare__image-before" src="https://tests.local/wp-content/uploads/2019/05/tshirt1.jpg"  />
+<img id="1757" width="801" height="800" class="image-compare__image-after" src="https://tests.local/wp-content/uploads/2019/05/tshirt2.jpg"  />

From c7cba59e3b075e53562a8e1fbc9527d327df70e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9my=20Perona?= <remperona@gmail.com>
Date: Fri, 2 Aug 2024 15:46:18 -0400
Subject: [PATCH 3/3] add guard if null

---
 src/Image.php | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Image.php b/src/Image.php
index 0f54e06..e1053da 100644
--- a/src/Image.php
+++ b/src/Image.php
@@ -31,11 +31,15 @@ public function lazyloadImages( $html, $buffer, $use_native = true ) {
 
 		foreach ( $images as $image ) {
 			$original_image = $image;
-			$image         = $this->canLazyload( $image );
+			$image          = $this->canLazyload( $image );
 
 			if ( ! $image ) {
 				$image_no_lazy = preg_replace( '/loading=["\']lazy["\']/i', '', $original_image );
 
+				if ( null === $image_no_lazy ) {
+					continue;
+				}
+
 				$html = str_replace( $original_image, $image_no_lazy, $html );
 
 				continue;