max/silvester-23
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: lazy load portraits

Browse Source
This commit is contained in:
max_richter 2023-11-20 15:30:18 +01:00
parent 9ed2ef27be
commit 0fe02e8ad3
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/ImageFrame.svelte
View File

@ -30,7 +30,7 @@
<source srcset="{frame}.webp" type="image/webp" /> <source srcset="{frame}.webp" type="image/webp" />
<!-- If neither AVIF nor WebP are supported, load PNG format --> <!-- If neither AVIF nor WebP are supported, load PNG format -->
<img src="{frame}.png" alt="Painting Frame" {loading} /> <img src="{frame}.png" alt="Painting Frame" />
</picture> </picture>
<img src="/hang.png" class="hang" alt="painting hanging cord" /> <img src="/hang.png" class="hang" alt="painting hanging cord" />
@ -38,7 +38,7 @@
<source srcset={src.replace('.png', '.avif')} type="image/avif" /> <source srcset={src.replace('.png', '.avif')} type="image/avif" />
<source srcset={src.replace('.png', '.webp')} type="image/webp" /> <source srcset={src.replace('.png', '.webp')} type="image/webp" />
<source srcset={src.replace('.png', '.jpg')} type="image/jpeg" /> <source srcset={src.replace('.png', '.jpg')} type="image/jpeg" />
<img {src} {alt} on:error={() => handleError()} /> <img {src} {alt} on:error={() => handleError()} {loading} />
</picture> </picture>
</div> </div>