Cómo bloquear un archivo JPG de la copia

Al cargar un archivo de imagen JPG en tu blog o sitio web, cualquier persona navegar por su sitio fácilmente puede copiarlo en su computadora. Evitar que sus imágenes preciosas de la copia mediante la edición de sus códigos de página. Editar el código HTML de la página prohibirá al usuario de hacer clic derecho sobre el archivo de imagen y, por tanto, copiarlo en el PC. En CSS, puede introducir un código que permite al usuario copiar el archivo de imagen, pero cuando se abre el archivo copiado en el equipo, sólo se muestra una imagen en blanco.

Instrucciones

1 Editar la página web o HTML de blog. Iniciar sesión en su sitio web o blog. Abra la página Web o entrada de blog en el que desea bloquear archivos JPG de la copia.

2 Evitar que un usuario haciendo clic derecho y por lo tanto la copia del archivo de imagen. Inserte el siguiente código encima de la "</ body>" etiqueta al final de la página:

<script language = ""> JavaScript1.2

/

Desactivar la derecha haga clic en Script II (en las imágenes) - Por Dynamicdrive.com
Por completo de origen, condiciones de servicio, y 100s guiones DTHML
Visita http://www.dynamicdrive.com
/

clickmessage var = "Haz clic derecho desactivado en las imágenes!"

función disableclick (e) {
si (document.all) {
si (event.button == 2 || event.button == 3) {
si (== event.srcElement.tagName "IMG") {
alerta (clickmessage);
falso retorno;
}
}
}
else if (document.layers) {
si (== e.which 3) {
alerta (clickmessage);
falso retorno;
}
}
else if (document.getElementById) {
si (== e.which 3 && e.target.tagName == "IMG") {
alerta (clickmessage)
falso retorno
}
}
}

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

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

3 Proteger la imagen mediante la edición de su código CSS. Esto permitirá al usuario copiar y guardar la imagen en su computadora, pero que va a guardar una imagen en blanco en lugar de la que él trató de copiar. Inserte el siguiente código CSS:

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

Reemplazar "http://example.com/sample.jpg” con la dirección URL en la que se carga la imagen.
En el código anterior, editar los parámetros de altura y anchura para dar la imagen de la altura y el ancho requerido. Mantenga la parte superior del margen de atributo igual a la altura de la imagen.