Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1227 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment changer le curseur de la souris sur image?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment changer le curseur de la souris sur image?

n°1139169
Rafael1000
Posté le 04-07-2005 à 11:30:57  profilanswer
 

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
 

mood
Publicité
Posté le 04-07-2005 à 11:30:57  profilanswer
 

n°1139188
plainsofpa​in
Pingouino's lover
Posté le 04-07-2005 à 11:40:44  profilanswer
 

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
n°1139207
Rafael1000
Posté le 04-07-2005 à 11:50:44  profilanswer
 

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

n°1139208
gatsusat
Posté le 04-07-2005 à 11:51:05  profilanswer
 

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

n°1139218
Rafael1000
Posté le 04-07-2005 à 11:58:39  profilanswer
 

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!

n°1139229
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 12:03:31  profilanswer
 

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
n°1139232
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 12:04:52  profilanswer
 

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
n°1139237
faboubou
Posté le 04-07-2005 à 12:07:43  profilanswer
 

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

n°1139240
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 12:08:43  profilanswer
 

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
n°1139244
faboubou
Posté le 04-07-2005 à 12:12:04  profilanswer
 

ah oki merci pour cette petite remarques :-)

mood
Publicité
Posté le 04-07-2005 à 12:12:04  profilanswer
 

n°1139284
chimelprem​ier
Posté le 04-07-2005 à 13:02:28  profilanswer
 

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
n°1139288
faboubou
Posté le 04-07-2005 à 13:13:57  profilanswer
 

cursor:hand marche aussi sur IE6...

n°1139311
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 13:41:52  profilanswer
 

je mettrais
cursor: hand, pointer;
alors


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°1139451
chimelprem​ier
Posté le 04-07-2005 à 15:16:17  profilanswer
 

antp a écrit :

je mettrais
cursor: hand, pointer;
alors


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

n°1139468
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 15:32:39  profilanswer
 

:/ 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
n°1139537
plainsofpa​in
Pingouino's lover
Posté le 04-07-2005 à 16:37:46  profilanswer
 

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
n°1139541
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 16:44:25  profilanswer
 

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
n°1139550
plainsofpa​in
Pingouino's lover
Posté le 04-07-2005 à 16:47:40  profilanswer
 

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
n°1139552
gatsusat
Posté le 04-07-2005 à 16:48:34  profilanswer
 

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

n°1139565
antp
Super Administrateur
Champion des excuses bidons
Posté le 04-07-2005 à 16:52:12  profilanswer
 

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
n°1139592
gatsusat
Posté le 04-07-2005 à 17:22:11  profilanswer
 

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

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment changer le curseur de la souris sur image?

 

Sujets relatifs
Pb: modification d'image sous PHPchanger le code sur toutes les pages
Jouer un son au survol de la souris avec firefoxProjeter une image 2d sur un plan
changer le curseurFichiers Excel en SYLK : possible d'integrer une image ?
image dans boutonChanger le son de la souris dans un browser
Plus de sujets relatifs à : Comment changer le curseur de la souris sur image?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR