Immagini sul Web sono fair game per chiunque voglia di copiarli. Browser di comunicare direttamente con i server Web e le immagini visualizzate in una pagina Web sono in realtà memorizzate nella cache del browser. Alcuni proprietari di sito tentano di impedire agli utenti di copiare le immagini sulle loro pagine disabilitando il menu di scelta rapida del browser utilizzando jQuery. Quando si fa clic destro un'immagine su una pagina Web, viene visualizzato un menu di contesto con scelte come "Copia" e "Salva con nome". Ogni utente non può impedire di copiare le immagini, ma ci si può fermare coloro che non capiscono le funzioni di libreria JavaScript jQuery.

Istruzioni

1

Avviare Blocco note o un editor HTML.

2

Aprire un documento HTML e incollare il seguente codice nella sezione body del documento:

< img id = "image1" alt = "image1" / >

< tipo input = "pulsante" value = "Disattivare immagine" onclick="disableImage('image1')" / >

Sostituire "verrà" con il nome di un'immagine sul tuo computer o l'URL di un file di immagine che risiedono su Internet. Il pulsante sotto l'immagine chiama la funzione di "disableImage", che disattiva l'immagine. Passa anche il valore dell'ID dell'immagine alla funzione.

3

Aggiungere questa funzione alla sezione script del documento:

Function disableImage(id) () {

var imageObject = "#" + id;

var returnValue = false;

$(imageObject) Bind ("contextmenu", function () {

return returnValue;

});

}

Questa funzione recupera un riferimento all'immagine e "associare" metodo di usi jQuery impostato proprietà contextmenu dell'immagine. Impostando il valore su "false", è impedire i visitatori del sito dal clic destro sull'immagine e l'accesso ai menu di scelta rapida.

4

Salvare il documento e quindi visualizzarla nel browser. Pulsante destro del mouse sull'immagine. Apparirà un menu contestuale che consente di copiare o salvare l'immagine.

5

Fare clic sul pulsante "Disattiva immagine" nella pagina Web, quindi fare clic destro l'immagine nuovamente. Nessun menu di scelta rapida viene visualizzato. Impossibile copiare o salvare l'immagine.

Consigli & Avvertenze

• Non preoccuparti per gli utenti non saranno in grado di fare clic su altre aree nella tua pagina per visualizzare il menu di scelta rapida. Il codice jQuery come illustrato nella procedura disattiva il menu per l'immagine che il pulsante "Disattiva immagine" passa alla funzione. Se si preferisce disattivare l'immagine quando la pagina viene caricata, è possibile chiamare la funzione JavaScript nell'evento load della pagina del documento HTML.