Ciao, @davidkingham
Se ho capito bene lo script che hai scritto, il secondo impedisce l’apertura del menu contestuale quando fai clic con il pulsante destro del mouse su un’immagine aperta nella lightbox.
Il primo dovrebbe fare lo stesso quando fai clic con il pulsante destro del mouse su qualsiasi immagine, ad esempio la miniatura nel post.
Ma non funziona, posso ancora aprire il menu secondario e aprire l’immagine completa in un’altra finestra.
Ho provato a inserire questo nel CSS:
img {
pointer-events: none;
}
Impedisce l’apertura del menu contestuale, ma impedisce anche di fare clic sull’immagine per aprire la lightbox.
Cosa c’è di sbagliato?
Sarebbe fantastico nascondere i link per il download sotto la lightbox.
In precedenza avevo questa voce nel CSS:
.image-source-link {
display: none;
}
Ma ora sembra non funzionare più, poiché i collegamenti download e immagine originale vengono comunque visualizzati sotto l’immagine della lightbox.
AGGIORNAMENTO:
Ho modificato il secondo script per includere anche .lightbox-wrapper, e ora sembra funzionare e il menu contestuale non viene mostrato quando fai clic con il pulsante destro del mouse su un’immagine in un post, e apre correttamente la lightbox quando fai clic sull’immagine.
<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>
Dovrei eliminare il primo script che tenta di fare la stessa cosa su un oggetto img generico?
Se sostituisco il CSS di .img-source-link con .mfp-title funziona, e ora i link per il download non sono visibili, ma anche il titolo è nascosto. Non capisco perché nascondere solo i link non funzioni e funzioni quando si nasconde l’intera barra del titolo.
.mfp-title {
display: none;
}