39 lines
1.4 KiB
Svelte
39 lines
1.4 KiB
Svelte
<script>
|
|
export let photo;
|
|
|
|
async function ar() {
|
|
|
|
}
|
|
async function preview() {
|
|
|
|
}
|
|
</script>
|
|
|
|
<div class="gallery-item preloaded-thumbnail" data-ar="{ar(photo)}">
|
|
<a href="{photo}" data-enlarge="{photo}">
|
|
<picture style="display: none;">
|
|
<source srcset="{preview(photo, 320, 'image/webp', 70)} 2x, {preview(photo, 160, 'image/webp', 70)} 1x" type="image/webp" media="(max-width: 900px)">
|
|
<source srcset="{preview(photo, 640, 'image/webp', 70)} 2x, {preview(photo, 320, 'image/webp', 70)} 1x" type="image/webp">
|
|
<source srcset="{preview(photo, 320, 'image/jpeg', 70)} 2x, {preview(photo, 160, 'image/jpeg', 70)} 1x" media="(max-width: 900px)">
|
|
<source srcset="{preview(photo, 640, 'image/jpeg', 70)} 2x, {preview(photo, 320, 'image/jpeg', 70)} 1x">
|
|
<img src="{preview(photo, 320, 'image/jpeg', 70)}"
|
|
alt=""
|
|
width="{ar(photo) * 320}"
|
|
height="320"
|
|
loading="lazy"
|
|
data-enlarge-preload-for="{photo}">
|
|
</picture>
|
|
<picture class="preloaded-thumbnail-image">
|
|
<source srcset="{preview(photo, 30, 'image/webp', 34)} 1x" type="image/webp" media="(max-width: 900px)">
|
|
<source srcset="{preview(photo, 60, 'image/webp', 34)} 1x" type="image/webp">
|
|
<source srcset="{preview(photo, 30, 'image/jpeg', 34)} 1x" media="(max-width: 900px)">
|
|
<source srcset="{preview(photo, 60, 'image/jpeg', 34)} 1x">
|
|
<img src="{preview(photo, 30, 'image/jpeg', 34)}"
|
|
alt=""
|
|
width="{ar(photo) * 320}"
|
|
height="320">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
<!-- vim: set ft=html: -->
|