Bloquear Botón derecho

[kiltroconpulgas]

Hola, espero me puedan ayudar, tengo una web con fotografías y las quiero proteger, se que si alguien quiere descargarlas encontrará la forma de hacerlo, pero quiero que por lo menos sea un poco dificil, encontré un plugin llamado: No Right Click Images que evita que aparezca la opción de descargar la imagen, pero sigue apareciendo la opción de abrir imagen en una nueva pestaña ¿Cómo puedo evitar eso? ¿Conocen algún Plugin?

Graaaacias!!!

[AlejandroGalvez]

Todo lo que visualizas en tu navegador ya ha sido descargado a tu ordenador. No existe magia que te permita ver una imagen, vídeo o texto a distancia telepáticamente. Si ves una imagen es porque esa misma ha sido descargada (transmitida bit a bit) hasta tu ordenador y la posees. Evitar el click derecho no sirve de nada, solo perjudica al visitante que no podrá hacer uso del menú contextual del navegador u otras funciones prácticas.

No hay nada difícil ni de hacker en obtener la imagen que muestra tu navegador sin el click derecho, hay mil maneras rápidas y sencillas. Nativas de hecho.

Mi consejo, utiliza marcas de agua en tus imágenes, ponlas bajo copy-right de algún tipo. Creative Commons por ejemplo:

http://es.creativecommons.org/blog/

[kiltroconpulgas]

Ok, gracias por el consejo, de alguna manera lo se, hace tiempo trabajo diseñando web, lo de las marcas de agua las encuentro horribles, si seguiré tu consejo en cuanto a lo de creative commons.

De todas maneras me gustaría impedir que el usuario pueda arrastrarlas a su escritorio y/o abrir las imágenes en una nueva ventana, igual a como lo hicieron en Instagram.

En mi web, las imágenes se visualizan como una miniatura y al hace clic crecen al tamaño del monitor pero rodeadas con un margen, pero quiero que funcione con las mismas regulaciones que Instagram. O sea:

-No salvar imagen como, ni arrastrar.
-No abrir en una nueva pestaña.

¿Es posible?

Mil gracias!!

[AlejandroGalvez]

Insisto que es una perdida de tiempo pero si tu también insistes...

Cualquier solución por Javascript es un esfuerzo de lo más inútil pues se puede desactivar fácilmente en cualquier navegador o interrumpir su procesamiento. Por lo tanto te sugiero una alternativa más limpia, rápida y segura que solo prevendrá la obtención de imágenes por parte del usuario medio. Nada de guardar como, abrir en nueva pestaña o arrastrar al escritorio. Pero quien quiera una imagen de tu web la obtendrá igualmente si o si. Simplemente establece las imágenes como fondo (background-image) de un elemento o capa. De cara al posicionamiento orgánico y al estándar no es muy positivo, pero lo he visto utilizar en páginas como 500px o Flickr así que tampoco puede ser extremadamente dañino.

Tus imágenes pasarían de mostrarse así:

Código HTML:

<img src="image.png" width="100" height="100" alt="Supuesta imagen que si me puedes robar" />
 

A algo como esto:

Código HTML:

<div style="background-image: url('image.png'); width: 100px; height: 100px; text-indent: -9999px;">Imagen que supuestamente no me puedes robar, pero si quieres es tuya.</div>
 

Obviamente hay que trabajarlo más, utilizar clases CSS para el estilo y adaptarlo.

Lo correcto es proteger tu material con derechos de propiedad acordes a tus deseos.La gente efectivamente puede robar tu trabajo al igual que pueden robar tu dinero, por mucho que lo escondas en una caja fuerte en casa. Simplemente protégete legalmente licenciando el contenido audiovisual de tu web y si no quieres utilizar marcas de agua puedes firmarlas como muchos otros hacen.

Saludos.