Show options review image zoom above the detail modal.
Add a dedicated lightbox above the review dialog and raise global imgModal z-index so enlargements are no longer hidden behind it. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -476,7 +476,34 @@
|
||||
});
|
||||
}
|
||||
|
||||
function hideLightbox() {
|
||||
var box = $("or-img-lightbox");
|
||||
if (box) box.hidden = true;
|
||||
var img = $("or-img-lightbox-img");
|
||||
if (img) img.src = "";
|
||||
}
|
||||
|
||||
function showLightbox(src) {
|
||||
var url = String(src || "").trim();
|
||||
if (!url) return;
|
||||
var box = $("or-img-lightbox");
|
||||
var img = $("or-img-lightbox-img");
|
||||
if (box && img) {
|
||||
img.src = url;
|
||||
box.hidden = false;
|
||||
return;
|
||||
}
|
||||
if (typeof global.showImage === "function") {
|
||||
global.showImage(url);
|
||||
} else if (typeof window.showImage === "function") {
|
||||
window.showImage(url);
|
||||
} else {
|
||||
global.open(url, "_blank");
|
||||
}
|
||||
}
|
||||
|
||||
function hideDetail() {
|
||||
hideLightbox();
|
||||
var backdrop = $("or-detail-backdrop");
|
||||
if (backdrop) backdrop.hidden = true;
|
||||
}
|
||||
@@ -586,13 +613,7 @@
|
||||
});
|
||||
img.addEventListener("click", function () {
|
||||
var src = img.getAttribute("data-src") || img.src;
|
||||
if (typeof global.showImage === "function") {
|
||||
global.showImage(src);
|
||||
} else if (typeof window.showImage === "function") {
|
||||
window.showImage(src);
|
||||
} else {
|
||||
global.open(src, "_blank");
|
||||
}
|
||||
showLightbox(src);
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -1169,8 +1190,19 @@
|
||||
if (ev.target === detailBackdrop) hideDetail();
|
||||
});
|
||||
}
|
||||
var lightbox = $("or-img-lightbox");
|
||||
if (lightbox) {
|
||||
lightbox.addEventListener("click", function () {
|
||||
hideLightbox();
|
||||
});
|
||||
}
|
||||
document.addEventListener("keydown", function (ev) {
|
||||
if (ev.key !== "Escape") return;
|
||||
var lb = $("or-img-lightbox");
|
||||
if (lb && !lb.hidden) {
|
||||
hideLightbox();
|
||||
return;
|
||||
}
|
||||
var bd = $("or-detail-backdrop");
|
||||
if (bd && !bd.hidden) hideDetail();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user