ari0k0 site

Este es uno de los problemas con los que se enfrentan algunos desarrolladores web, alguna vez en alguna de sus páginas a realizar. Quieren poner imágenes con derechos de autor y que no vengan cualquiera y con un simple “botón derecho de ratón, guardar imagen” se la pueden descargar sin problemas.

Antes de empezar, decir que si alguien quiere “capturar” tu imagen, podrá hacerlo, con diferentes mecanismos… la mejor solución suele ser la marca de agua, de modo que esa imagen quede “marcada” y no reutilizable para otros fines, claro que eso, en algunos casos no es lo ideal, ya que los autores no quieren que sus imágenes queden marcadas.

Un mecanismo sencillo para evitar la descarga de las imágenes, es la utilización de jquery con unas simples líneas:

$("img#foto").bind("contextmenu", function(e) {
	e.preventDefault();
});

Con esto, deshabilitamos el botón derecho del ratón, cuando le clickeamos encima de la imagen con id = “foto”, de este modo evitamos que aparezcan las opciones de descarga, etc..

A partir de ahí se puede jugar con diferentes cosas.. si queremos aplicarlo a todas las imágenes de la web, basta con no especificarle un identificador concreto. Si queremos que haga lo mismo cuando te abre una imagen abierta en fancybox, basta con añadir estas líneas de código en la zona de visualización de la imagen dentro de la librería de fancybox.

Y listo.

Popularity: 4% [?]