diff options
Diffstat (limited to 'src/lib/Image/FallbackImage.svelte')
| -rw-r--r-- | src/lib/Image/FallbackImage.svelte | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/lib/Image/FallbackImage.svelte b/src/lib/Image/FallbackImage.svelte index 7e458339..27c427be 100644 --- a/src/lib/Image/FallbackImage.svelte +++ b/src/lib/Image/FallbackImage.svelte @@ -1,24 +1,24 @@ <script lang="ts"> - export let source: string | undefined | null; - export let alternative: string | undefined | null; - export let fallback: string | undefined | null; - export let maxReplaceCount = 1; - export let replaceDelay = 1000; - export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg'; - export let hideOnError = false; - export let style = ''; +export let source: string | undefined | null; +export let alternative: string | undefined | null; +export let fallback: string | undefined | null; +export let maxReplaceCount = 1; +export let replaceDelay = 1000; +export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg'; +export let hideOnError = false; +export let style = ''; - let replaceCount = 0; +let replaceCount = 0; - const delayedReplace = (event: Event, image: string | undefined | null) => { - if (replaceCount >= maxReplaceCount) return; +const delayedReplace = (event: Event, image: string | undefined | null) => { + if (replaceCount >= maxReplaceCount) return; - setTimeout(() => { - (event.target as HTMLImageElement).src = image || ''; + setTimeout(() => { + (event.target as HTMLImageElement).src = image || ''; - replaceCount += 1; - }, replaceDelay); - }; + replaceCount += 1; + }, replaceDelay); +}; </script> {#if replaceCount < maxReplaceCount} |