docs: update example image URLs to use random seed for more varied images

Author: ismail9k

docs/examples/ExampleActiveClasses.vue

@@ -4,7 +4,7 @@ import { Carousel, Slide, Navigation } from '../../dist/carousel.mjs'
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const carouselConfig = {

docs/examples/ExampleAutoplay.vue

@@ -4,7 +4,7 @@ import { Carousel, Slide, Navigation } from '../../dist/carousel.mjs'
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const config = {

docs/examples/ExampleBasic.vue

@@ -4,7 +4,7 @@ import { Carousel, Slide, Pagination, Navigation } from '../../dist/carousel.mjs
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const config = {

docs/examples/ExampleBreakpoints.vue

@@ -4,7 +4,7 @@ import { Carousel, Slide, Navigation } from '../../dist/carousel.mjs'
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 // Carousel configuration

docs/examples/ExampleCustomNavigation.vue

@@ -1,5 +1,5 @@
 <script setup>
-import '../../dist/dist/carousel.css'
+import '../../dist/carousel.css'
 import { ref } from 'vue'
 import { Carousel, Slide } from '../../dist/carousel.mjs'
 
@@ -11,7 +11,7 @@ const prev = () => carouselRef.value.prev()
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const config = {

docs/examples/ExampleGallery.vue

@@ -26,7 +26,7 @@ const thumbnailsConfig = {
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 </script>
 

docs/examples/ExampleMouseWheel.vue

@@ -4,7 +4,7 @@ import '../../dist/carousel.css'
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const config = {

docs/examples/ExampleVertical.vue

@@ -13,7 +13,7 @@ const carouselConfig = {
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 </script>
 

docs/examples/ExampleWrapAround.vue

@@ -4,7 +4,7 @@ import { Carousel, Slide, Navigation } from '../../dist/carousel.mjs'
 
 const images = Array.from({ length: 10 }, (_, index) => ({
   id: index + 1,
-  url: `https://picsum.photos/800/600?random=${index + 1}`,
+  url: `https://picsum.photos/seed/${Math.random()}/800/600`,
 }))
 
 const config = {