aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Image/FallbackImage.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Image/FallbackImage.svelte')
-rw-r--r--src/lib/Image/FallbackImage.svelte32
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}