arrêter le comportement par défaut de Google Chrome en maintenant le curseur sur l'image
J'ai remarqué que dans Google Chrome, il est possible de cliquer et de maintenir une image et, tout en maintenant une copie semi-transparente de cette image, s'attache au curseur. Ensuite, on peut faire glisser cette image sur le bureau pour la sauvegarder.
Je souhaite empêcher et arrêter la version semi-transparente de l'image qui s'attache au curseur en attente de certaines images de mon site.
Comment puis-je faire ceci?
Vous pouvez empêcher ce problème en utilisant la propriété
-webkit-user-drag: auto | element | none;
Voir la doc de -webkit-user-dragCSS-infos.net (je n'ai pas trouvé de doc MDN, si quelqu'un a une meilleure référence)
Comment utiliser
Ajoutez une classe .nonDraggableImage sur vos balises img et ajoutez sur votre CSS:
.nonDraggableImage{
-webkit-user-drag: none;
}
Une autre méthode consiste à créer une image transparente au-dessus de l'image que vous souhaitez empêcher de voir.
Veuillez consulter: http://www.dwuser.com/education/content/stop-the-thieves-strategies-to-protect-your-images/
vérifier sous "Tricking the downloaders"
J'ai dû utiliser une solution différente pour le faire fonctionner:
<img src="http://placehold.it/150x150" draggable="false">