Hola, @davidkingham
Si entiendo bien el script que has escrito, el segundo evita que se abra el menú contextual al hacer clic derecho en una imagen que se abrió en el light-box.
El primero debería hacer lo mismo al hacer clic derecho sobre cualquier imagen, por ejemplo, la miniatura en la publicación.
Pero no funciona, todavía puedo abrir el menú secundario y abrir la imagen completa en otra ventana.
He intentado poner esto en el CSS:
img {
pointer-events: none;
}
Evita que se abra el menú contextual, pero también evita que se pueda hacer clic en la imagen para abrir el light-box.
¿Qué está mal?
Sería genial ocultar los enlaces de descarga debajo del light-box.
Anteriormente tenía esta entrada en el CSS:
.image-source-link {
display: none;
}
Pero ahora tampoco parece funcionar, ya que los enlaces descargar e imagen original se muestran de todos modos debajo de la imagen del light-box.
ACTUALIZACIÓN:
He modificado el segundo script para incluir también .lightbox-wrapper, y ahora parece funcionar y el menú contextual no se muestra al hacer clic derecho sobre una imagen en una publicación, y abre correctamente el light-box al hacer clic en la imagen.
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("body").on("contextmenu", ".cooked img, .mfp-img, .lightbox-wrapper", function(e) {
e.preventDefault();
});
});
</script>
¿Debería eliminar el primer script que intenta hacer lo mismo sobre un objeto img genérico?
Si sustituyo el CSS de .img-source-link por .mfp-title funciona, y ahora los enlaces de descarga no son visibles, pero el título también se oculta. No entiendo por qué ocultar solo los enlaces no funciona y sí funciona cuando se oculta toda la barra de título.
.mfp-title {
display: none;
}