[JavaScript]Change curseur sur une image
Résolu
MAD_Clown
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
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??
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:
- [JavaScript]Change curseur sur une image
- Change dns - Guide
- Légender une image - Guide
- Image iso - Guide
- Comment rechercher une image sur google - Guide
- Comment faire apparaître le curseur sans souris - Guide
3 réponses
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:
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 !
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 !
