Bloquear fotos e imagens de ser copiada

[r0ltu]

Eu gostaria de impedir que copiem as imagens do meu site.

Usei uma vez uma tag de javascript que bloqueava o click direito e o "ctrl + c" (acesso à área de transferência). O inconveniente foi que ao entrar no site eu não conseguia mais utilizar o "ctrl + c" em todo meu PC. E também nos computadores mais novos (vista) cada vez que carregava a página perguntava se podia acessar a área de transferência (Se clicasse que não era possível copiar normalmente).

Eu já tinha esquecido isso (tirei as tags), quando vi este site que não dá para clicar com o botão direito só em cima da foto, mas não desabilita o "ctrl + c"...

O site:

http://www.trilhasbr.com.br/mostrafoto.php...d=1181&ft=5

http://www.trilhasbr.com.br/galeria.php?in...d=1500&ft=5

Alguém sabe como foi feito este truque?

Obrigado,

r0ltu.

[Mestre SAM]

e ae r0ltu,

dae uma olhada nessa dica:

http://www.mariosam.com/desenvolvimento/já...use-nas-paginas

mas impedir area de transferencia e clique do mouse não ajuda muito se o usuario clicar no botao de print screen.

e tb não adianta impedir o funcionamento do botao print.

iMac não tem esse botao, e tem duas teclas de atalho para copiar imagens da tela,

então, não tem como impedir 100% a copia das fotos, se ta na net já era. hehe

mas tenta ai.

sucesso!

[arldin]

Eu uso este ele amostra a mensagem Proibi copia

<script language="JavaScript"><!--
function verfonte()
{
if (event.button==2)
{
window.alert('Proibida a cópia.')
}
}
document.onmousedown=verfonte
// --></script>

Espero te ajudado

[´_´]

http://www.trilhasbr.com.br/images/fotos/a...210609-1181.jpg

facim facim encontrar as fotos daquele site

[Jasar]

cara o melhor jeito d você previni copia de imagens he tacando marca da agua em cima bem no meio e grande. porque esses js ai q blokeia o mouse qual quer um q conheça um pokinhu o funcionamento desabilita facinhu e os caras foram muito infelizes , desbloko o 2 clik do mouse na foto mas não na pag pra ver o cod fonte sendo asism você pega o caminho real da foto direto :P

[SK15]

Comos os amigos já disserão isse é balela ... tudo que se pode ver pode ser copiado ... de um jeito ou de outro ...

Mesmo que você bloquei as teclas e tal ... as imagens fica no cache no navegador basta a pessoa abrir a pasta e procurar

Outra coisa é que existem programas que roubam as imagens de qualqueer site para você

Sem contar que os novos navagedores possuem sistema de 'Debug' assim você tem acesso a TODAS as url do site bastando copiar as das imagens ...

[Danilo Moraes]

Amigos, para aumentar a tristeza do nosso colega r0ltu, mais uma maneira (a mais facil de todas) de copiar as imagens do seu site:

Para Firefox = Menu editar -> Preferencias -> Conteudo -> Permitir Javascript.

tsrsrsrsrsrsr Que tal essa? ^^ Bom, como os outros já falaram, não tem como esconder informacoes que chegam no cliente. O que você pode fazer, é dificultar a leitura delas, mas sempre há uma maneira de quebrar a seguranca. Para que não leiam o meu codigo javascript, eu criei umas funcoes que trazem todo o codigo JS do servidor, passam como parametro para uma funcao eval e depois descarta esse testo. A unica maneira que eu conheco para desbloquear isso, é em vez de colocar o que recebe do servidor como parametro da funcao eval, printar na tela com o metodo write(). ^^

Ta vendo? Nunca tem como esconde 100%, mas tem como dificulta.

não sei se sua vontade de esconde as imagens é tão grande assim, mas existe uma maneira de dificultar a leitura do caminho da imagem, mas já aviso que é meio gambiarra ^^

Obs: a uns 50min atras, quando eu estava fazendo umas funcoes para tentar cifrar a url das imagens, me dei de conta que a ideia que eu tinha, não deu muito certo porque no final, eu decifrava o codigo da url e ele era adicionado no html... infelizmente :( Se tivece uma maneira de mostrar imagens nos browsers sem ter que usar codigo html, apenas javascript... então so estou avisando que daqui pra frente é apenas um tutorial bobo que acabei de fazer porque tava com sono e tedio, mas já da pra ter uma nocao e criptologia heheheh Desculpe não poder ajudar... :S

A logica ta em, pra cada imagem que tu quer inserir, tu chama uma funcao naquela parte do codigo por exemplo: imagem(5). Nesse caso, o parametro 5 seria a posicao onde esta o endereco da imagem. Ai tu me pergunta: Mas ai o cara não tem apenas que ir la onde esta setada essa array e copia o codigo? AHAA ai que esta a jogada: você codifica o endereco e mostra ali apenas o "criptograma" (para maiores detalhes sobre cifras e algoritmos criptograficos vide o site NUMABOA/criptografia).

#Ate aqui, o que eu falei estaria certo se não foce pelo fato de que para carregar uma imagem, o codigo tem que estar escrito de mneira certa... então ele realmente fica cifrado, mas quando a pagina carrega, as funcoes que fiz decifram e colocam a url certa na imagem denovo... :(#

Existem varias maneiras de crifrar uma frase tipo esse endereco da imagem e as mais faceis, são as cifras de substituicao. Cifras de substituicao são aquelas que substituem uma letra ou caracter por outro pré definido (tem como substituir por outro que não foi pre definido, isso se chama cifra de substituicao polialfabetica mas não vamos nos aprofundar nisso...). então você poderia implementar um algoritmo para cifrar os enderecos. Um exemplo bem simples que posso te dizer agora, seria passar os caracteres do link para os seus respectivos codigos da tabela ASCII e isso se faz com o metodo charCodeAt.

Aí tu faz assim:

function cifra(textoClaro) {//texto claro e o texto legivel, que ainda não foi cifrado
 var criptograma="";//criptograma e o texto já cifrado :P
 for(i=0; i<textoClaro.length; i++){//vou passar por cada letra da string textoClaro
  criptograma += textoClaro.charCodeAt(i)+".";/*aki estou atribuindo a variavel criptograma o codigo ASCII de cada caracter. Repara no +"." isso to fazendo pra poder descriptografar depois, ai eu uso o metodo spli() e separo pelo marcador de .(ponto)*/
 }
 return criptograma;//quando acaba o loop, apenas retorno a url ou frase já cifrada
}

Bom, esse metodo eu acabei de fazer e já testei e funciona certinho. Ele você não vai por na mesma pagina que vai ter as imagens, esse codigo vai ser apenas usado como ferramenta para gerar as urls cifradas. Com um pouco mais de trabalho, eu fiz isso daqui:

<script>
function cifra(textoClaro) {
 var criptograma="";
 for(i=0; i<textoClaro.length; i++){
  criptograma += textoClaro.charCodeAt(i)+".";
 }
 return criptograma;
}
window.onload = function(){
 while(true) {
     var textoClaro = prompt("digite o texto claro");
     if(textoClaro == null) break;
    alert(cifra(textoClaro));
 }
}
</script>

Apenas cole esse codigo em uma pagina qualquer e voce já vi ter uma ferramenta para ir cifrando suas URLs. Aki esta um exemplo da url http://www.google.com cifrada: 104.116.116.112.58.47.47.119.119.119.46.103.111.111.103.108.101.46.99.111.109. #Eu ia continuar meu post daqui, mas como já perdi a vontade porque não deu muito certo, vou apenas mostrar o codigo que eu fiz aki e se tiverem duvidas, so perguntar que eu explico. ^^#

<script>
function cifra(textoClaro) {
 var criptograma="";
 for(i=0; i<textoClaro.length; i++){
  criptograma += textoClaro.charCodeAt(i)+".";
 }
 return criptograma;
}

function decifra(criptograma) {
 var criptograma = criptograma.split(".");
 var textoClaro="";
 for(i=0; i<criptograma.length-1; i++) {//isso porque o ultimo caractere de uma cadeia de caracteres sempre é um caractere nulo: 
    textoClaro += String.fromCharCode(criptograma[i]);
 }
 return textoClaro;
}

function cifrador() {
 while(true) {
     var textoClaro = prompt("digite o texto claro");
     if(textoClaro == null) break;
    alert(cifra(textoClaro));
 }
}

function decifrador() {
 while(true) {
     var criptograma = prompt("digite o criptograma");
     if(criptograma == null) break;
    alert(decifra(criptograma));
 }
}

function imagens() {
 var imgs = document.getElementsByTagName("img");
 for(i=0; i<imgs.length; i++) {
  imgs[i].src = decifra(imgs[i].getAttribute("src"));
 }
}
window.onload = imagens;
</script>
<input type="button" onclick="cifrador()" value="cifrador">
<input type="button" onclick="decifrador()" value="decifrador">
<img src="105.109.97.103.101.109.46.106.112.103." /><!--imagem.jpg - podem usar o decifrador que eu fiz ali pra conferir o nome da imgem :P e não esquecam de substituir esse criptograma pelo equivalente ao nome da sua imagem-->

Pelo menos eu me diverti enquanto fazia essas ferramentazinhas, mesmo que por pouco tempo :(

Olha cara, andei dando uma fucada na net, e como eu disse antes, javascript tu so pode atrapalhar, mas não esconder 100%. Agora o HTML, So da pra atrapalhar se for incher de comentarios o codigo, porque senao, não tem como... =|

Issae, acho ate que seria uma boa trocar esse mini tuto para um tópico de criptografia, não? :P

T+

Editado Agosto 21, 2009 por Danilo Moraes