Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove loading=lazy attribute on images excluded from lazyload #121

Merged
merged 3 commits into from
Aug 5, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions Tests/Fixtures/image/images.html
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Loading
Loading