Quando si carica un file di immagine JPG sul tuo blog o sito Web, chiunque navigando il tuo sito può facilmente copiare al suo computer. Impedire la copia modificando i codici di pagina di vostre preziose immagini. Il codice HTML della pagina di editing vieterà l'utente di clic destro sul file immagine e quindi copiarlo al PC. In CSS, è possibile inserire un codice che consente all'utente di copiare il file di immagine, ma aprendo il file copiato sul computer, Visualizza solo un'immagine vuota.

Istruzioni

1

Modificare il sito Web o HTML del blog. Accedi al tuo sito Web o blog. Aprire il post di pagina Web o un blog in cui si desidera bloccare JPG file vengano copiati.

2

Impedire a un utente facendo clic destro e quindi copiando il file di immagine. Inserire il seguente codice sopra il tag "< / body >" alla fine della pagina:

< script language = "JavaScript1.2" >

/
Script II (su immagini) fare clic destro Disable - By Dynamicdrive.com
Per codice sorgente completo, termini di servizio e 100s DTHML script
Visita http://www.dynamicdrive.com
/

var clickmessage = "Tasto destro disabilitato sulle immagini!"

Function disableclick(e) () {
Se {(Document. All)
Se (event.button==2|| Event.Button==3) {
Se (event.srcElement.tagName=="IMG") {
Alert(clickmessage);
restituire false;
}
}
}
ElseIf (Layers) {
Se (e.which = = 3) {
Alert(clickmessage);
restituire false;
}
}
else if (Document. getElementById) {
Se (e.which==3 & & e.target.tagName=="IMG") {
Alert(clickmessage)
restituire false
}
}
}

Function associateimages() () {
per (i = 0; i < document.images.length;i++)
Document.images[i].OnMouseDown=disableclick;
}

Se (Document. All)
Document.OnMouseDown=disableclick
else if (Document. getElementById)
Document.OnMouseUp=disableclick
ElseIf (Layers)
associateimages()
< / script >

3

Proteggere l'immagine modificando il codice CSS. Questo consentirà un utente di copiare e salvare l'immagine al suo computer, ma egli salverà un'immagine vuota al posto di quello che ha cercato di copiare. Inserire il seguente codice CSS:

< div style = "background: url (http://example.com/sample.jpg); width: 100px; height: 100px; & quot; >
< img src = "http://example.com/sample.png & quot; width = "100" height = "100" / >< span style = "float: left; color: white; margin-top:-100px;" > © Your_Blog < / span >< / div >

Sostituire "http://example.com/sample.jpg" con l'URL sul quale l'immagine è caricata.
Nel codice precedente, modificare i parametri height e width per dare all'immagine l'altezza desiderata e la larghezza. Mantenere l'attributo alto margine pari all'altezza dell'immagine.