Skip to content
GitLab
Commit 64c4f6d3 authored by Kevin von Spiczak's avatar Kevin von Spiczak
Browse files

[TASK] add lazyloading attribute for thumbnails

parent c330d0fe
Hide whitespace changes
Inline Side-by-side
Resources/Private/Templates/Youtube/Index.html
View file @ 64c4f6d3
......@@ -15,7 +15,7 @@
<a class="sg-youtube-item sg-card-shadow" href="{feed.0.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
<f:if condition="{feed.0.thumbnail}">
<div class="sg-youtube-image">
<img src="{feed.0.thumbnail}" alt="{feed.0.title}"/>
<img src="{feed.0.thumbnail}" alt="{feed.0.title}" loading="lazy" />
</div>
</f:if>
<f:if condition="{feed.0.title}">
......@@ -40,7 +40,7 @@
<a class="sg-youtube-item sg-card-shadow" href="{feed.0.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
<f:if condition="{feed.0.thumbnail}">
<div class="sg-youtube-image">
<img src="{feed.0.thumbnail}" alt="{feed.0.title}"/>
<img src="{feed.0.thumbnail}" alt="{feed.0.title}" loading="lazy" />
</div>
</f:if>
<f:if condition="{showTitle} && {feed.0.title}">
......@@ -65,7 +65,7 @@
<a class="sg-youtube-item sg-card-shadow" href="{feedItem.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
<f:if condition="{feedItem.thumbnail}">
<div class="sg-youtube-image">
<img src="{feedItem.thumbnail}" alt="{feedItem.title}"/>
<img src="{feedItem.thumbnail}" alt="{feedItem.title}" loading="lazy" />
</div>
</f:if>
<f:if condition="{showTitle} && {feedItem.title}">
......@@ -91,7 +91,7 @@
<a class="sg-youtube-item sg-card-shadow" href="{feedItem.url}" target="_blank" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
<f:if condition="{feedItem.thumbnail}">
<div class="sg-youtube-image">
<img src="{feedItem.thumbnail}" alt="{feedItem.title}"/>
<img src="{feedItem.thumbnail}" alt="{feedItem.title}" loading="lazy"/>
</div>
</f:if>
<f:if condition="{showTitle} && {feedItem.title}">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment