[JavaScript]Change curseur sur une image Résolu/Fermé

Question

Salut à tous, 
j'ai besoin d'un petit coup de main.
Voici une mise en situation:

J'ai une page html avec un bouton écrit 'Modification'
avec une image en dessous.
Lorsque l'on clique sur le bouton et que l'on passe la souris sur l'image par après, l'icône de la souris se transforme en 'crosshair' (uniquement lorsque l'on passe par dessus l'image).

Je veux reprodruire en gros le principe de 'Tagging' d'une photo du site web 
https://www.facebook.com/
ou comme
https://www.flickr.com/


Des idées??

txiki · Accepted Answer

Salut a tous,
Normalement, si tu n'a rien spécifié dans une feuille de style, le curseur se transforme en main. C'est par défaut dans <a href....>
Mais tu peux lui donner la forme que tu veux en le précisant.
CSS:
a { /* etat du lien */
    cursor: crosshair; //curseur de la forme d'une croix simple
}
voir les paramètres ci-dessous:
cursor:valeur;
L'élément affecté reçoit, lorsqu'on le parcourt avec la souris, un autre curseur. Pour valeur noter une des valeurs suivantes:
auto = curseur automatique (réglage normal).
default = curseur standard indépendant de la plate-forme.
crosshair = curseur de la forme d'une simple croix.
pointer = curseur de la forme d'une flèche.
move = curseur de la forme d'une croix signalant la possibilité de déplacer l'élément.
n-resize = curseur de la forme d'une flèche pointant vers le haut (n = nord).
ne-resize = curseur de la forme d'une flèche pointant vers le haut à droite (ne = nord-est).
e-resize = curseur de la forme d'une flèche pointant vers la droite (e = est).
se-resize = curseur de la forme d'une flèche pointant vers le bas à droite (se = sud-est).
s-resize = curseur de la forme d'une flèche pointant vers le bas (s = sud).
sw-resize = curseur de la forme d'une flèche pointant vers le bas à gauche (sw = sud-ouest).
w-resize = curseur de la forme d'une flèche pointant vers la gauche (w = ouest).
nw-resize = curseur de la forme d'une flèche pointant vers le haut à gauche (nw = nord-ouest).
text = curseur sous une forme qui symbolise du texte normal.
wait = = curseur sous la forme d'un symbole signalant l'attente.
help = curseur sous forme d'un symbole qui signale de l'aide pour l'élément.
url([URI]) = curseur au choix, [URI] doit être un graphique GIF ou JPG.
Autre page d'information description (http://fr.selfhtml.org/navigation/css.htm#ecriture)

Bon courage !

Gihef · Answer

Bonjour,

Fais voir.

Serge_La · Answer

Je ne suis pas membre de flickr ni facebook. Que veux-tu dire par tagging?
Serge.

[JavaScript]Change curseur sur une image

3 réponses

Discussions similaires