usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
lizandrogd
2026-01-21 12:42:16 -05:00
parent 43e54a55c0
commit d388185d8c
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
conversations.php
+1 -1
View File
@@ -1378,7 +1378,7 @@
} }
return ` return `
<div class="message-media"> <div class="message-media">
<a href="${full}" target="_blank" rel="noopener noreferrer"> <a href="#" onclick="openImageLightbox(${JSON.stringify(full)}); return false;" title="Abrir imagen">
<img src="${thumb}" alt="Imagen" style="cursor:zoom-in"> <img src="${thumb}" alt="Imagen" style="cursor:zoom-in">
</a> </a>
</div> </div>
index.php
+25
View File
@@ -733,8 +733,33 @@ try {
actionsDiv.style.display = 'none'; actionsDiv.style.display = 'none';
}); });
} }
// Lightbox helper para imágenes (abre un modal Bootstrap con la imagen en grande)
function openImageLightbox(url, caption = '') {
let img = document.getElementById('imageLightboxImg');
let cap = document.getElementById('imageLightboxCaption');
if (!img || !cap) return; // seguridad
img.src = url;
cap.textContent = caption || '';
const modalEl = document.getElementById('imageLightboxModal');
const bsModal = new bootstrap.Modal(modalEl);
bsModal.show();
}
</script> </script>
<!-- Lightbox Modal -->
<div class="modal fade" id="imageLightboxModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content bg-transparent border-0">
<div class="modal-body p-0 position-relative">
<button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Cerrar" style="z-index:10;"></button>
<img id="imageLightboxImg" src="" class="img-fluid w-100" style="border-radius:10px;">
<div id="imageLightboxCaption" class="mt-2 text-center text-white small"></div>
</div>
</div>
</div>
</div>
<!-- Modal para crear menú --> <!-- Modal para crear menú -->
<div class="modal fade" id="createMenuModal" tabindex="-1" aria-labelledby="createMenuModalLabel" aria-hidden="true"> <div class="modal fade" id="createMenuModal" tabindex="-1" aria-labelledby="createMenuModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">