no blurred image if JS disabled

2024-01-22 14:43:52 +01:00
parent 0b71279c74
commit df4a3763c1
2 changed files with 11 additions and 1 deletions
--- a/src/lib/components/TitleImgParallax.svelte
+++ b/src/lib/components/TitleImgParallax.svelte
@@ -170,6 +170,11 @@ dialog button{
 			<img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}}  alt=""/>
 			</div>
 		</div>
+		<noscript>
+			<div class=placeholder style="background-image:url({placeholder_src})" >
+				<img class="unblur" id=image {src} on:load={() => {isloaded=true}}  alt=""/>
+			</div>
+		</noscript>
 	</div>
    </figure>
    <div class=content><slot></slot></div>