Grazie mille.
Non so cosa sia !important ma funziona, i puntini finali non sembrano troppo importanti ![]()
Questo è come sono ora CSS e Script e otteniamo il comportamento desiderato: nessuna delle immagini nel sito può essere scaricata facendo clic con il pulsante destro del mouse su di esse e i collegamenti per il download nella lightbox sono nascosti.
Grazie per la tua guida.
CSS
.image-source-link
{
display: none !important;
}
Script nell’header:
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("img").on("contextmenu", function(e) {
e.preventDefault();
});
});
</script>
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("body").on("contextmenu", ".cooked img, .mfp-figure, .lightbox-wrapper", function(e) {
e.preventDefault();
});
});
</script>
Il primo sembra disabilitare il menu contestuale su altre immagini nel sito come icone o miniature di avatar.
Il secondo funziona per le immagini in un post e nella lightbox.