Add alt attribute to image in <figure> (#276)

mdn · Oct 18, 2024 · b6975ef · b6975ef
1 parent a6ee814
commit b6975ef
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/view-transitions/spa/script.js b/view-transitions/spa/script.js
@@ -37,6 +37,7 @@ function init() {
   }) 
 
   galleryImg.src = `images/${ imageData[0].file }.jpg`;
+  galleryImg.alt = imageData[0].name; 
   galleryCaption.textContent = imageData[0].name;
 }
 
@@ -47,6 +48,7 @@ function updateView(event) {
   const displayNewImage = () => {
     const mainSrc = `${targetIdentifier.src.split("_th.jpg")[0]}.jpg`;
     galleryImg.src = mainSrc;
+    galleryImg.alt = targetIdentifier.alt;
     galleryCaption.textContent = targetIdentifier.alt;
   };
 
@@ -60,4 +62,4 @@ function updateView(event) {
   const transition = document.startViewTransition(() => displayNewImage());
 }
 
-init();
+init();