Hvordan låse en JPG blir kopiert

Når du laster opp et JPG-bilde-fil på din blogg eller nettside, noen surfer ditt nettsted kan enkelt kopiere den til datamaskinen hans. Hindre dine dyrebare bilder blir kopiert ved å redigere sin side koder. Redigere HTML-siden koden vil forby brukeren fra høyreklikke på bildefilen, og dermed kopiere den til PC-en. I CSS, kan du skrive inn en kode som gjør det mulig for brukeren å kopiere bildefilen, men når den kopierte filen åpnes på datamaskinen, det bare viser et tomt bilde.

Bruksanvisning

1 Rediger nettside eller blogg HTML. Logg inn på din nettside eller blogg. Åpne nettsiden eller blogginnlegg der du ønsker å låse JPG filer blir kopiert.

2 Forhindre en bruker fra å høyreklikke og dermed kopiere bildefilen. Sett inn følgende kode over "</ body>" tag på slutten av siden:

<script language = "JavaScript1.2">

/

Deaktiver høyreklikk script II (på bilder) - Ved Dynamicdrive.com
For fullstendig kilde, Terms of service, og 100s DTHML skript
Besøk http://www.dynamicdrive.com
/

Var clickmessage = "Høyreklikk deaktivert på bilder!"

funksjon disableclick (e) {
if (document.all) {
if (event.button == 2 || event.button == 3) {
if (event.srcElement.tagName == "IMG") {
alert (clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert (clickmessage);
return false;
}
}
else if (document.getElementById) {
if (e.which == 3 && e.target.tagName == "IMG") {
alert (clickmessage)
return false
}
}
}

funksjons associateimages () {
for (i = 0; i <document.images.length; i ++)
document.images [i] .onmousedown = disableclick;
}

if (document.all)
document.onmousedown = disableclick
else if (document.getElementById)
document.onmouseup = disableclick
else if (document.layers)
associateimages ()
</ Script>

3 Beskytt bildet ved å endre sin CSS-kode. Dette vil tillate en bruker å kopiere og lagre bildet på datamaskinen hans, men han vil spare et tomt bilde i stedet for den han forsøkte å kopiere. Sett følgende CSS-kode:

<Div style = "bakgrunn: 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>

Erstatt "http://example.com/sample.jpg” med URL-adressen som bildet er lastet opp.
I koden ovenfor, redigere høyde og bredde parametere for å gi bildet ønsket høyde og bredde. Hold margin topp attributt lik høyden av bildet.