Protéger ses images en html.

Les sites et blogs sont à foison avec chacun leurs propres articles et surtout leurs propres images et photos chères à nos coeurs .


Il peut parfois être utile de protéger ses images .

Alors quoi de mieux qu'un simple code en html ??

En fait , le truc c'est que l'image est en fait composée de deux dont une , invisible qui sera elle copiée ou enregistrer si le visiteur fait une de ces actions-là .

Essayons avec celle-là :

Impecc !

Isnt'it ??


Le script :


<div style="WIDTH: 380px; HEIGHT: 150px; position: relative">
<img style=" WIDTH: 380px; HEIGHT: 150px;" src="lien d'hébergement de l'image tout le temps visible commençant par http://"/>
<img style="FILTER: alpha(opacity=0); -moz-opacity : 0.0 ; opacity : 0.0 ; LEFT: 0px;
POSITION: absolute; WIDTH: 380px; TOP: 0px; HEIGHT: 150px ;" src="lien de l'image invisible qui ne se voit que lorsque l'image est enregistrée" />
</div>

Les positions WIDTH et HEIGHT correspondent à la dimension de l'image tout le temps vislble .

Lors de l'écriture du script , bien les compléter correctement.


Width = largeur

Height = hauteur .


Une petite dernière avec un super souvenir de l'an dernier !! :

Essayer de l'enregistrer ou de la copier pour voir !