Use dataset properties for banner images

Replace setAttribute/getAttribute usage for per-image data attributes with element.dataset access in game_detail.js. Values are now written to bigImgsEl.dataset.imgSrc{n} / imgDesc{n} and read back via dataset, simplifying the code and aligning with standard DOM dataset usage.

Author: ReenigneArcher

gh-pages-template/assets/js/game_detail.js

@@ -19,7 +19,7 @@ function setupGameBanner(data) {
             bigImgsEl.dataset.numImg = data.artworks.length;
             data.artworks.forEach((artwork, index) => {
                 const imgNum = index + 1;
-                bigImgsEl.setAttribute(`data-img-src-${imgNum}`, igdbImageUrl(artwork.url, "t_screenshot_huge_2x"));
+                bigImgsEl.dataset[`imgSrc${imgNum}`] = igdbImageUrl(artwork.url, "t_screenshot_huge_2x");
             });
 
             // Add big-img class and img-desc span to existing header
@@ -470,8 +470,8 @@ function initGameBanner() {
 
     // Set initial image
     const getImgInfo = function(imgNum) {
-        const src = bigImgsEl.getAttribute(`data-img-src-${imgNum}`);
-        const desc = bigImgsEl.getAttribute(`data-img-desc-${imgNum}`);
+        const src = bigImgsEl.dataset[`imgSrc${imgNum}`];
+        const desc = bigImgsEl.dataset[`imgDesc${imgNum}`];
         return { src, desc };
     };