Comment désactiver le bouton droit de la souris sur Enregistrer uniquement sur une image spécifique

Je lance un site asiatique de commerce électronique où les utilisateurs publient des images de leurs produits. Existe-t-il un moyen de désactiver le clic droit pour seulement 1 image spécifique sur la page?

Par exemple, lors de la visualisation d'un produit, il existe une grande image, puis des miniatures du produit. Lorsque vous essayez de faire un clic droit sur l'image grande, je souhaite désactiver le clic droit, mais si elles essaient de faire un clic droit sur les vignettes, je ne veux pas avoir le clic droit désactivé.

Merci

Ps – Je comprends parfaitement les raisons d'utilisabilité pour ne pas désactiver le clic droit, mais le droit d'auteur et le vol d'image en Asie est un problème beaucoup plus grand que dans les pays nord-américains. De plus, c'est plus pour la tranquillité d'esprit du vendeur que la protection réelle du contenu.

Bien qu'il ne soit pas conforme au W3C, oncontextmenu="return false;" Comme un attribut devrait faire exactement ce que vous voulez.

Arrêter les gens en totalité est futile, cependant, ma manière préférée de le rendre un peu plus difficile est de placer un div sur le dessus de l'image.

 <div id="image-container" style="postion: relative;"> <img src="" alt="" /> <div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0"></div> </div>

Jouez avec vous pour obtenir ce que vous voulez. Pour que cela semble plus sémantique, vous pouvez placer le texte dans la div vide. L'image est protégée par le droit d'auteur et ensuite faire un text-indent: -9999px . J'essaie souvent de transformer un élément vide en quelque chose de sémantique.

En disant cela, ma manière préférée de contourner les personnes qui font cela (par exemple eBay) est avec le plugin Nuke Anything Enhanced for Firefox. L'utilisation de la div sur l' div de l'image me prendrait environ 2 secondes supplémentaires pour contourner.

Si ce que vous voulez, il suffit d'empêcher l'utilisateur d'enregistrer votre image, vous pouvez le faire en utilisant la propriété css de pointer-events:

 img { pointer-events: none; }

Essentiellement, ce que cela va faire, c'est de bloquer les événements de souris sur des éléments img. Vous allez toujours avoir une boîte de dialogue, mais c'est la même chose que vous obtenez avec les images d'arrière-plan.

https://developer.mozilla.org/pt-BR/docs/Web/CSS/pointer-events https://css-tricks.com/almanac/properties/p/pointer-events/

Si vous publiez une image sur le Web, il n'y a pas de moyen infaillible d'empêcher une personne de sauvegarder une copie. Il doit être envoyé sur le fil à afficher et un utilisateur déterminé peut l'intercepter avec des outils tels que Wireshark ou Fiddler ou tout cadre de débogage de navigateur tel que Firebug, même si vous trouvez un moyen de désactiver le clic droit et de glisser-déposer vers Le bureau.

Vous pouvez le faire est un peu plus difficile, mais l'effort ne vaut pas la peine, IMHO.