fix: img parent location url

Author: fcastrovilli

src/lib/images.svelte

@@ -36,7 +36,7 @@
 					on:pointerup={() => release(selected_scale.notes[0])}
 					on:pointerleave={() => release(selected_scale.notes[0])}
 				>
-					<img class="h-auto max-w-full" src="/img/01_A.png" alt="Sezione 1" />
+					<img class="h-auto max-w-full" src="./img/01_A.png" alt="Sezione 1" />
 				</button>
 				<div class="flex flex-row">
 					<button
@@ -47,7 +47,7 @@
 						on:pointerup={() => release(selected_scale.notes[3])}
 						on:pointerleave={() => release(selected_scale.notes[3])}
 					>
-						<img class="h-full w-auto" src="/img/04_F.png" alt="Sezione 4" />
+						<img class="h-full w-auto" src="./img/04_F.png" alt="Sezione 4" />
 					</button>
 					<button
 						on:contextmenu={() => {
@@ -57,7 +57,7 @@
 						on:pointerup={() => release(selected_scale.notes[4])}
 						on:pointerleave={() => release(selected_scale.notes[4])}
 					>
-						<img class="h-full w-auto" src="/img/05_D.png" alt="Sezione 5" />
+						<img class="h-full w-auto" src="./img/05_D.png" alt="Sezione 5" />
 					</button>
 				</div>
 			</div>
@@ -70,7 +70,7 @@
 					on:pointerup={() => release(selected_scale.notes[1])}
 					on:pointerleave={() => release(selected_scale.notes[1])}
 				>
-					<img class="h-auto max-w-full" src="/img/02_B.png" alt="Sezione 2" />
+					<img class="h-auto max-w-full" src="./img/02_B.png" alt="Sezione 2" />
 				</button>
 				<button
 					on:contextmenu={() => {
@@ -80,7 +80,7 @@
 					on:pointerup={() => release(selected_scale.notes[2])}
 					on:pointerleave={() => release(selected_scale.notes[2])}
 				>
-					<img class="h-auto max-w-full" src="/img/03_G.png" alt="Sezione 3" />
+					<img class="h-auto max-w-full" src="./img/03_G.png" alt="Sezione 3" />
 				</button>
 				<button
 					on:contextmenu={() => {
@@ -90,7 +90,7 @@
 					on:pointerup={() => release(selected_scale.notes[5])}
 					on:pointerleave={() => release(selected_scale.notes[5])}
 				>
-					<img class="h-auto max-w-full" src="/img/06_C.png" alt="Sezione 6" />
+					<img class="h-auto max-w-full" src="./img/06_C.png" alt="Sezione 6" />
 				</button>
 			</div>
 		</div>
@@ -103,7 +103,7 @@
 				on:pointerup={() => release(selected_scale.notes[6])}
 				on:pointerleave={() => release(selected_scale.notes[6])}
 			>
-				<img class="h-auto max-w-full" src="/img/07_Fsharp.png" alt="Sezione 7" />
+				<img class="h-auto max-w-full" src="./img/07_Fsharp.png" alt="Sezione 7" />
 			</button>
 			<button
 				on:contextmenu={() => {
@@ -113,7 +113,7 @@
 				on:pointerup={() => release(selected_scale.notes[0])}
 				on:pointerleave={() => release(selected_scale.notes[0])}
 			>
-				<img class="h-auto max-w-full" src="/img/08_E.png" alt="Sezione 8" />
+				<img class="h-auto max-w-full" src="./img/08_E.png" alt="Sezione 8" />
 			</button>
 		</div>
 	</section>