Cómo deshabilitar una imagen con jQuery

Las imágenes de la Web son presa fácil para cualquier persona que quiera copiarlos. Los navegadores se comunican directamente con los servidores web, y las imágenes que se muestran en una página web se almacenan realmente en la caché del navegador. Algunos propietarios intentan evitar que los usuarios copien imágenes en sus páginas mediante la desactivación del menú contextual del navegador usando jQuery. Un menú contextual con opciones tales como "Copiar" y "Guardar como" aparece cuando se hace clic en una imagen en una página Web. No se puede evitar que todos los usuarios copien sus imágenes, pero se puede detener a aquellos que no comprenden funciones de la librería jQuery JavaScript.

Instrucciones

1 Bloc de notas de lanzamiento o un editor HTML.

2 Abrir un documento HTML y pegue el siguiente código en la sección del cuerpo del documento:

<Img id = "imagen1" alt = "imagen1" />

<Input type = "button" value = "Imagen Desactivar" onclick = "disableImage ( 'imagen1')" />

Reemplazar "mi_imagen.gif" con el nombre de una imagen en el ordenador o la dirección URL de un archivo de imagen que reside en Internet. El botón debajo de la imagen llama a la función "disableImage", que desactiva la imagen. También pasa valor de ID de la imagen para la función.

3 Añadir esta función a la sección de la escritura del documento:

función disableImage (id) {

var imageobject = "#" + Identificación;

var returnValue = false;

$ (Imageobject) .bind ( "contextual", function () {

volver returnValue;

});

}

Esta función recupera una referencia a la imagen y utiliza el método de "atar" de jQuery establezca la propiedad contextual de la imagen. Al establecer el valor "falso" a prevenir los visitantes del sitio desde el botón derecho sobre la imagen y acceder al menú de contexto.

4 Guarde el documento y luego verlo en su navegador. Haga clic en la imagen. Aparece un menú contextual que le permite copiar o guardar la imagen.

5 Haga clic en el botón "Desactivar imagen" en la página Web, a continuación, haga clic en la imagen de nuevo. No aparece ningún menú contextual. No se puede copiar o guardar la imagen.

Consejos y advertencias

• No se preocupe por los usuarios de no ser capaz de hacer clic derecho en otras áreas de su página para ver el menú contextual. El código de jQuery como se muestra en los pasos deshabilita el menú de la imagen que el botón "Desactivar imagen" pasa a la función. Si prefiere desactivar la imagen cuando se carga la página, llama a la función JavaScript en caso de carga de la página del documento HTML.