diff --git a/src/components/molecules/PhotoCard.svelte b/src/components/molecules/PhotoCard.svelte index d667abe..bd94fce 100644 --- a/src/components/molecules/PhotoCard.svelte +++ b/src/components/molecules/PhotoCard.svelte @@ -9,6 +9,7 @@ export let location: any = undefined export let city: string = undefined export let hovered: boolean = false + export let lazy: boolean = true const dispatch = createEventDispatcher() const sizes = { @@ -30,11 +31,12 @@ {#if url} {alt} {#if title && location}
@@ -51,11 +53,12 @@ {:else} {alt} {/if}
\ No newline at end of file diff --git a/src/components/organisms/Collage.svelte b/src/components/organisms/Collage.svelte index 7699f74..e5cf202 100644 --- a/src/components/organisms/Collage.svelte +++ b/src/components/organisms/Collage.svelte @@ -17,6 +17,7 @@ location={location} city={city} hovered={hovered === index} + lazy={false} on:hover={({ detail }) => hovered = detail ? index : null} /> {/each}