Update lightbox styles and caption handling

This commit is contained in:
2026-01-15 19:21:31 +01:00
parent 7c9e289740
commit cf1fcd9e96
2 changed files with 38 additions and 19 deletions

View File

@@ -56,10 +56,11 @@
root.innerHTML =
'<div class="luxtools-lightbox-backdrop" data-luxtools-action="close"></div>' +
'<div class="luxtools-lightbox-stage">' +
'<button type="button" class="luxtools-lightbox-close" data-luxtools-action="close" aria-label="Close">×</button>' +
'<button type="button" class="luxtools-lightbox-zone luxtools-lightbox-zone-prev" data-luxtools-action="prev" aria-label="Previous"></button>' +
'<button type="button" class="luxtools-lightbox-zone luxtools-lightbox-zone-next" data-luxtools-action="next" aria-label="Next"></button>' +
'<div class="luxtools-lightbox-media">' +
'<img class="luxtools-lightbox-img" alt="" />' +
'<button type="button" class="luxtools-lightbox-zone luxtools-lightbox-zone-prev" data-luxtools-action="prev" aria-label="Previous"></button>' +
'<button type="button" class="luxtools-lightbox-zone luxtools-lightbox-zone-next" data-luxtools-action="next" aria-label="Next"></button>' +
'</div>' +
'<div class="luxtools-lightbox-caption"></div>' +
'</div>';
@@ -106,7 +107,7 @@
var it = items[index];
img.src = it.full;
img.setAttribute('data-luxtools-index', String(index));
cap.textContent = (it.name || '').trim();
if (cap) cap.textContent = (it.name || '').trim();
}
function close() {