Comment changer le curseur de la souris sur image?

Comment changer le curseur de la souris sur image? - HTML/CSS - Programmation

Marsh Posté le 04-07-2005 à 11:30:57    

Bonjour !
 
Je cherche comment faire pour que lorsque la souris vienne sur une image, la souris change et devienne le surseur "main" de windows ???
 
J'ai essayer de passer de

Code :
  1. <img name="submitLangueDE" src="index.cfm_fichiers/billealln.gif" alt="Klicken Sie hier" onclick="javascript:changeLangue('de');" border="0" height="49" width="50">


 
à

Code :
  1. <img name="submitLangueEN" style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" alt="Click here" onclick="javascript:changeLangue('en');" border="0" height="49" width="50">


 
Mais ça ne marche pas
 
Que faire?
 
Merci
 

Reply

Marsh Posté le 04-07-2005 à 11:30:57   

Reply

Marsh Posté le 04-07-2005 à 11:40:44    

je peux me tromper, mais par défaut, quand tu passes au dessus d'un lien, tu as deja le symbole de la petite main qui montre le lien :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 11:50:44    

Bah justement, là ça ne marche pas!
C'est une sorte de lien javascript

Reply

Marsh Posté le 04-07-2005 à 11:51:05    

faudrait d'abord encadrer ton <img> avec un A afin d'appeler une page.

Reply

Marsh Posté le 04-07-2005 à 11:58:39    

En fait, ça ne fonctionne qu'avec Firefox!
Bizarre...
Et sinon, quand je laisse le curseur sur l'image sous iexplorer, ça affiche "click here", mais pas sous firefox!

Reply

Marsh Posté le 04-07-2005 à 12:03:31    

gatsusat a écrit :

faudrait d'abord encadrer ton <img> avec un A afin d'appeler une page.


 
Ha non, si il n'y a pas de lien pointant vers une page pas besoin d'un A :o
 

Rafael1000 a écrit :


Et sinon, quand je laisse le curseur sur l'image sous iexplorer, ça affiche "click here", mais pas sous firefox!


 
Parce que tu n'as pas mis de "title", juste un "alt".
Title = infobulle
Alt = texte à afficher si on ne peut pas afficher l'image
IE affiche le alt en infobulle si le title est absent, mais il ne faut donc pas utiliser alt comme une infobulle.
 


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 12:04:52    

Et pour répondre à la question du premier post, il suffit d'ajouter style="cursor: pointer;"
Ou pour faire plus propre :
class="imageCliquable"
et
img.imageCliquable {
  cursor: pointer;
}
dans le fichier CSS


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 12:07:43    

Sinon il y a :
 
style="cursor:hand"

Reply

Marsh Posté le 04-07-2005 à 12:08:43    

non, "hand" n'est pas listé comme une des valeurs standard. C'est "pointer".


Message édité par antp le 04-07-2005 à 12:10:00

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 12:12:04    

ah oki merci pour cette petite remarques :-)

Reply

Marsh Posté le 04-07-2005 à 12:12:04   

Reply

Marsh Posté le 04-07-2005 à 13:02:28    

faboubou a écrit :

Sinon il y a :
 
style="cursor:hand"


>>pour IE4 et IE5
 
et pointer à partir de IE6
 

Code :
  1. img.imageCliquable {
  2.   cursor: pointer /*tous sauf IE5*/; cursor:hand /*IE5*/
  3. }


Si on veux garder une compatibilité descendante ça fonctionne mais es-ce valide ?


Message édité par chimelpremier le 04-07-2005 à 13:04:58
Reply

Marsh Posté le 04-07-2005 à 13:13:57    

cursor:hand marche aussi sur IE6...

Reply

Marsh Posté le 04-07-2005 à 13:41:52    

je mettrais
cursor: hand, pointer;
alors


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 15:16:17    

antp a écrit :

je mettrais
cursor: hand, pointer;
alors


testé sur ie5.0/win, ne fonctionne que la version que j'ai proposée  

Reply

Marsh Posté le 04-07-2005 à 15:32:39    

:/ pourtant ça serait nettement plus logique, vu que "cursor" peut recevoir une liste de curseurs un peu comme font-family peut recevoir une liste de noms de police.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 16:37:46    

de toute facon, une image cliquable, c'est nul, dans ce cas ci, un lien vers un script php qui change le cookie de langue c'est plus lourd mais plus évident.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 16:44:25    

Pour cet exemple-ci c'est pas spécialement utile (enfin, il faut voir, on ne sait pas ce qui est fait dans le code), mais par exemple pour les smileys & boutons cliquables atour de la fenêtre de rédaction de message de ce forum, des <img> cliquables sont tout à fait appropriées.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 16:47:40    

antp > dans notre cas oui, lui, on ne sait pas ce qu'il compte faire, et si c'est un bete choix de langue sur le site, via cookie, js, bof bof quoi, si j'ai pas js je peux pas changer de langue ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 16:48:34    

de toute façon le hover ne marche que sur le A dans IE donc autant encadrer le A et faire un appel de page genre  
 
<a href="mapage.php?lang=FR"><img src="drapoFR.gif"></a>
 
ca evite le Javascript de mes fesses et ca evite du CSS inutile puisque le doigt est par défaut sur un A

Reply

Marsh Posté le 04-07-2005 à 16:52:12    

gatsusat a écrit :

de toute façon le hover ne marche que sur le A dans IE


 
C'est quoi le rapport entre le hover et une image cliquable avec curseur "main" ? :??: Le hover n'est pas impliqué dans ton exemple :o


Message édité par antp le 04-07-2005 à 16:52:32

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 04-07-2005 à 17:22:11    

ah vi c vrai, j'ai juste eu un moment de polio

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed