xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make results thumbnails clickable for lightbox

Browse Source
This commit is contained in:
Frank Tovar
2026-01-28 16:17:10 +01:00
parent f56084ea7e
commit 4576157364
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
wwwroot/app.js
View File

@@ -177,7 +177,7 @@ function renderResults() {
row.innerHTML = ` row.innerHTML = `
<td>${idx + 1}</td> <td>${idx + 1}</td>
<td class="game-cell"> <td class="game-cell">
${r.screenshotUrl ? `<img class="thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''} ${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
<div class="game-meta"> <div class="game-meta">
<div class="title-line">${r.name}</div> <div class="title-line">${r.name}</div>
${r.genre ? `<div class="muted small">${r.genre}</div>` : ''} ${r.genre ? `<div class="muted small">${r.genre}</div>` : ''}
@@ -194,6 +194,9 @@ function renderResults() {
tbody.appendChild(row); tbody.appendChild(row);
}); });
container.appendChild(table); container.appendChild(table);
container.querySelectorAll(".clickable-thumb").forEach(img => {
img.addEventListener("click", () => openLightbox(img.src, img.alt));
});
} }
function setupHandlers() { function setupHandlers() {