diff --git a/src/components/Carousel/Carousel.svelte b/src/components/Carousel/Carousel.svelte
index d0288dd..75712ea 100644
--- a/src/components/Carousel/Carousel.svelte
+++ b/src/components/Carousel/Carousel.svelte
@@ -116,6 +116,9 @@
       currentPageIndex = value.currentPageIndex
     })
     if (pagesElement && pageWindowElement) {
+      // load first and last child to clone them 
+      loaded = [0, pagesElement.children.length - 1]
+      await tick()
       infinite && addClones()
       applyPageSizes()
     }
diff --git a/src/docs/AlbumsPreview/Image.svelte b/src/docs/AlbumsPreview/Image.svelte
index 54b62df..997ce7d 100644
--- a/src/docs/AlbumsPreview/Image.svelte
+++ b/src/docs/AlbumsPreview/Image.svelte
@@ -1,7 +1,7 @@
 <script>
   export let src
   export let alt
-  export let loaded
+  export let loaded = false
 </script>
 
 <div class="image-container">