Protéger l'accès à une image par un div transparent

Télécharger le projet
Commenter

Description

Hello,

Suite à une conversation avec Sebguess, voici un bout de code permettant de protéger une image à l'aide d'un DIV transparent.

Inutile de me dire qu'il s'agit d'un code ridicule, je suis au courant... à condition que vous connaissiez un peu l'HTML :)

Le principe est simple: placer un DIV transparent devant l'image, en jouant sur le z-index et sur l'alpha(opacity) de la DIV.

Source / Exemple : 


<html>
    <head>
        <title>How to protect a picture?</title>
        <style>
        .hideIMG {
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            position:absolute;
            width:100%;
            height:100%;
            z-index:10;
            margin:0px
        }
        </style>
    </head>
    <body>
        <DIV class="hideIMG"></DIV>
        <IMG src='ProtectPicture.gif' border="0" style='z-index:1;' />
    </body>
</html>

Conclusion :


Bug: une sous version d'IE5.0 gère mal la transparence d'une DIV, ce qui signifie que l'image sera totalement cachée par la DIV.

Question: Afin d'éviter de 'polluer' les sources, y a-t-il un autre moyen d'envoyer un fichier à un membre de CodeS-SourceS?
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Kenaghdar)