How not to let image appear in the drag? [closed]

Navigation
-1

You know when you put an image on a website, and when you click on it and it's safe, it gets small and you can drag it right?

How do I not let the user drag or save an image? The instagram for example you can not save the image or drag it.

    
asked by anonymous 09.04.2018 / 00:04

1 answer

0

This is a suggestion based on my knowledge. There are probably other ways to do it.

1 - put the image as background and NOT with the tag <img> . So: 

<style>

.img {
    background-image: url('imagem/minhaImagem.jpg');
    width: 300px;
    height: 300px;
}

</style>

<div class="img">

</div>

In this way it will not be able to drag the image, or copy it. However, he will be able to find his way.

2 - Block directory access for images with .htaccess . You create a file with that name .htaccess within the directory you want to block access to. In the case of images . In this file, you enter the following code: 

<Directory /imagens> // <-- é necessário colocar o nome do diretório
    Options -Indexes 
</Directory>

And all your images will be inaccessible.

    
09.04.2018 / 02:10
Close mobile menu when scrolling Difficulty in using variables between functions