Esconder imagens no fórum...

[Forward 0]

Olá pessoal, eu gostaria de aprender como esconder imagem no fórum.

Com o 'Esconder' eu quero dizer que ninguém possa pegar/salvar ela, exemplo eu tento pegar ela mas não vai... eu parei de codificar e esqueci tudo!

Colocar dentro de uma div algo do tipo....

[RoXbY 3]

ou vc usa javascript para travas as teclas e ações ou cria uma div transparente por cima da imagem. de qualquer maneira a pessoa vai copiar de algum jeito, não tem como bloquear imagem na internet rsrsrs

[L. Henrique 179]

Forward,

Via jQuery você pode fazer da seguinte maneira:

$('img').bind('contextmenu', function(e) {
   e.preventDefault();
});

Lembrando que isso não vai impedir a pessoa de inspecionar o elemento da página e pegar a URL da sua imagem. Só vai funcionar com quem não manja nada desse tipo.

Outro método é utilizar o background: url(); em uma div. Como é uma div, caso a pessoa clique com o botão direito, não receberá as propriedades de salvar imagem e etc... Já que ele não é uma imagem.

.classe-div {
   background: url('imagem.jpg') no-repeat center center;
   background-size: cover;
}

Mas esse também é um método que não impedem os usuários de usar o Inspecionar Elemento.

Pra prevenir o inspecionar elemento, substitua o código jQuery acima por esses abaixo:

$(document).bind('contextmenu', function(e) {
   e.preventDefault();
});

$(document).keydown(function(e) {
   // Tecla 123 = F12
   if ( e.which === 123 ) {
      return false;
   }
});

Detalhe no PREVENIR. Isso não impede que os usuários debuguem a sua página e consigam pegar o seu código ou URL das suas imagens.

 

Abraços!