Empêcher la sélection (clic droit) seulement sur des photos choisis en particuliers

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

J'ai empêché la sélection du texte pour certain texte en particulier (sachant que c'est contournable, mais ça limite) avec ce code CSS:

Code:

        /* empêche la sélection du texte */
        .no-select{
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;}

Je voudrais savoir si il est possible de rajouté une ligne pour empêcher aussi la sélection (clic droit) seulement sur des photos choisis en particuliers?

Cordialement, Tony.

[Teurancher]

Chalut à toi,
Il suffirait juste de mettre une class aux images en question.

CSS:

Code:

.divns img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

HTML:

Code:

<img src="lien image" class="divns" />

Dis-moi si cela fonctionne.

[Invité]

Re Bonsoir ^^

Je le mets à la suite?

Edit: oups.. je viens de comprendre.

Par contre il faut mettre du html?

[Teurancher]

Re,
Il faut donner la class divns aux images concernées, donc oui, entre-autre.

[Invité]

En l'écrivant comme ceci dans un message :

Code:

<img src="http://i18.servimg.com/u/f18/19/15/93/26/image113.jpg"class="divns" />

Le résultat:

[Teurancher]

Tentons avec le CSS suivant:

Code:

        .divns {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }

Ça peut paraître bête et insignifiant, mais mets bien un espace entre l'url et la class; ça m'a déjà causé des problèmes.

Code:

        <img src="http://i18.servimg.com/u/f18/19/15/93/26/image113.jpg" class="divns" />

[Invité]

Ok , non ce n'est pas bête

Même résultat.

[Teurancher]

Re,
J'ai beau faire des essais, je n'y arrive personnellement pas.

Je peux comprendre que protéger ses images est chose normale, mais empêcher le clic-droit n'empêchera malheureusement rien du tout. Si vous tenez vraiment à l'empêcher, vous pouvez faire en sorte d'appliquer une image transparente superposée à l'image en question; ceux ayant peu de connaissances en HTML n'y parviendraient pas facilement à piquer tes images.

[Invité]

Il y a bien des codes javascripts qui existent pour empêcher le clic droit, mais s'applique sur tout un forum ou en partie;

Merci Teurancher pour ton aide .

Il y aura peut être d'autres solutions qui viendrons..

[[Nihil]]

Hello

Un petit essai :
Le HTML reste le même :

Code:

<img src="http://i18.servimg.com/u/f18/19/15/93/26/image113.jpg" class="divns" />

Le CSS :

Code:

.divns {
    pointer-events: none;
}

Par contre ça ne fait pas que supprimer le clic droit, normalement ça annule tous les effets de clic.

[Invité]

Hello Nihil

On peut encore faire enregistrer sous sur l'image.
Oui, annuler tous les effets de clic droit serait parfait.

Bonne journée.

[Invité]

Up

[Invité]

Up

[Invité]

Up

[demeter1]

Il ya toujours la possibilité de superposer une image transparente par dessus l'image que l'on souhaite protéger. Dés qu'un internaute indélicat fera un clic droit, il enregistrera l'image transparente au lieu de l'image qui est en dessous.

Code:

<table width="500" height="375" background="lien de l''image à protéger" border="0" cellpadding="0" cellspacing="0"> <tr><td> <img src="lien de l'image transparente" width="500" height="375"  border="0" /> </td></tr> </table>

et pour essai

Code:

<table width="500" height="375" background="http://www.virusphoto.com/img/photo.jpg" border="0" cellpadding="0" cellspacing="0"> <tr><td> <img src="http://www.virusphoto.com/img/vide.gif" width="500" height="375"  border="0" /> </td></tr> </table>

[Invité]

Bonsoir Demeter1,

Ca c'est une super astuce! merci je la garde.

Bonne soirée.