[JavaScript]Change curseur sur une image

Résolu/Fermé
MAD_Clown Messages postés 3 Date d'inscription vendredi 2 février 2007 Statut Membre Dernière intervention 4 avril 2007 - 4 avril 2007 à 20:40
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 4 avril 2007 à 22:41
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??
A voir également:

3 réponses

txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
4 avril 2007 à 22:41
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 !
3
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
4 avril 2007 à 21:25
Bonjour,

Fais voir.
0
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 47
4 avril 2007 à 22:12
Je ne suis pas membre de flickr ni facebook. Que veux-tu dire par tagging?
Serge.
0