Skip to content

Commit

Permalink
Remove loading=lazy attribute on images excluded from lazyload (#121)
Browse files Browse the repository at this point in the history
  • Loading branch information
remyperona authored Aug 5, 2024
1 parent cfaa206 commit 5423fb2
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 9 deletions.
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

0 comments on commit 5423fb2

Please sign in to comment.