07-12-2019, 20:17:46
Bon, voilà : c'est fait.
Je voulais que la zone lors du survol soit un carré propre au dimension d'une image avec les espaces intermédiaires.
Pour cela, j'utilise :
1. la propriété css :before qui bien sur ne s'applique pas des elements html autofermant tel que <img>
2. créer un élément englobant l'image en évitant de ne drager que l'img (attribut "draggable" de la balise img forcé à false)
+ m'assurer que l'ensemble du code fonctionne avec cette balise englobante.
3. éviter que le dragover et dragleave se déclenche sur la balise img : utilisation de la règle css "pointer-events: none;"
Je voulais que la zone lors du survol soit un carré propre au dimension d'une image avec les espaces intermédiaires.
Pour cela, j'utilise :
1. la propriété css :before qui bien sur ne s'applique pas des elements html autofermant tel que <img>
2. créer un élément englobant l'image en évitant de ne drager que l'img (attribut "draggable" de la balise img forcé à false)
+ m'assurer que l'ensemble du code fonctionne avec cette balise englobante.
3. éviter que le dragover et dragleave se déclenche sur la balise img : utilisation de la règle css "pointer-events: none;"