ElTicus.com

Programación, lenguajes y recursos para programadores

Truco
Como proteger las imágenes de tu sitio Web contra copia.
Aqui te explicamos como dificultar un poco la piratería de tus contenidos
Publicado por Manuel Olivares Fecha: 2007-01-05 16:12:43 Idioma: Español Tipo de documento: Truco

Como proteger las imágenes de tu sitio Web contra copia.

El siguiente código tiene como objeto aplicar un poco de protección al contenido de tu página Web.
Básicamente lo que hace es bloquear o cancelar la acción del botón derecho del ratón, y en su lugar muestra un mensaje de advertencia que dice:


"Lo siento, el contenido de esta página está bloqueado"

Tambien desactiva el menú de imágenes que muestra el Internet Explorer y que sirve para copiar y pegar las imágenes.

<html>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function right(e) 
{
  var msg = "Lo siento, el contenido de esta página está bloqueado";
  if (navigator.appName == 'Netscape' && e.which == 3) 
  {
    alert(msg);
    return false;
  }
  if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) 
  {
   alert(msg);
   return false;
  }
  else 
    return true;
}
//-->
</SCRIPT>

</head>
<body  oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
 <img src='ejemplo.jpg' />
</body>
</html>

Cabe mencionar que algunos navegadores de todos modos permiten la copia por medio de métodos no tan comunes como el arrastrar y pegar o utilizando las teclas rápidas. Esto sin contar con que la impresión de la pantalla y posterior edición siguen siendo muy dificiles de evitar.
Sin embargo, tiene la ventaja de que es un método muy sencillo y suficiente para detener a la mayoría de los usuarios de un sitio "no muy técnico".




Nadie ha puesto ningún comentario todavía


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =




No hay comentarios

Artículos relacionados:
manual Curso Básico de HTML Recurso no clasificado Check de diseño Recurso no clasificado Estándares en Internet Código fuente Como colocar un relojito en una página WEb y que se esté refrescando cada segundo. Código fuente Como cambiar el color de las barras de scroll del explorador
Tip Como mandar parámetros a una aplicación de Flash en Internet Explorer y Mozilla Truco Como colocar un tooltip sobre los elementos de mi página Truco Como hacer tablas con esquinas redondas con CSS y HTML Recurso no clasificado Las funciones para codificar y descodificar un URL (código fuente) Código fuente Las funciones para codificar y descodificar un URL (código fuente en Visual Basic)
Código fuente Implementación del juego: Piedra papel o Tijeras en Javascript / Html