Comment changer le curseur de la souris sur image ?

  • Auteur de la discussion bjo
  • Date de début

bjo

Nouveau membre
Bonjours a tous !!!

Je cherche (pour demain!) comment faire pour que lorsque la souris vienne sur une image, la souris change et devienne le surseur "main" de windows ???

pour le texte c'est facile c'est :

<span style="cursor: pointer;"></span>
mais je trouve pas pour une image !!!

Aidez moi svp .....
 

KangOl

Grand Maître
branche ton cerveau 2 secondes...
[fixed]<img style="cursor:pointer;" src=image.png" alt="image" />[/fixed]
 

Rafael1000

Expert
Bonjour,

Ca ne marche pas chez moi!
Voici le code par défaut:
<div id="image_de" style="display: inline;" align="center">
<img name="submitLangueDE" src="index.cfm_fichiers/billealln.gif" alt="Klicken Sie hier" onclick="javascript:changeLangue('de');" border="0" height="49" width="50">
</div>

Comment faire?

Merci
 

Rafael1000

Expert
J'ai essayé de faire:
<div id="image_en" style="display: inline;" align="center">
<img name="submitLangueEN" <img style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" alt="Click here" onclick="javascript:changeLangue('en');" border="0" height="49" width="50">
</div>
Mais ne fonctionne pas! C'est pour le bureau ;) et je débute
 

zeb

Modérateur
:eek2:
Code:
<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">
C'est mieux quand même.

(et utilise la balise
Code:
 stp)
 

Rafael1000

Expert
Merci, mais ça ne marche toujours pas!
J'ai mis:
Code:
					<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">

Merci d'avance
 

zeb

Modérateur
Bon. Comprends-tu ce que tu fais ?
Retire tout ce qui ne concerne pas l'affichage du pointeur de souris.

Mets ça et dis moi ce qui va, ce qui ne va pas :
Code:
<img style="cursor:pointer;" src="http://forum.presence-pc.com/themes_static/images_forum/1/favorisb.gif">
Quel est ton navigateur ?
 

Rafael1000

Expert
Bon. Comprends-tu ce que tu fais ?
Retire tout ce qui ne concerne pas l'affichage du pointeur de souris.

Mets ça et dis moi ce qui va, ce qui ne va pas :
Code:
<img style="cursor:pointer;" src="http://forum.presence-pc.com/themes_static/images_forum/1/favorisb.gif">
Quel est ton navigateur ?
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!
 

Johan_et_Pirlouit

Grand Maître
Prends de bonnes habitudes ;) :

[cpp]<img id="submitLangueEN" style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" onclick="javascript:changeLangue('en');" border="0" width="50" height="49" title="Click here" alt="English version" />[/cpp]
Usage des paramètres :
- 'name' n'est plus utilisé, il est remplacé par 'id'.
- 'alt' est obligatoire et sert à remplacer l'affichage de l'image, notemment dans les navigateurs texte. Utilisé aussi, je crois, par les modules d'aide à la lecture pour mal-voyants.
- C'est 'title', facultatif, qui sert à afficher une info bulle au survol de la souris. Lorsque 'title' est absent, IE affiche le contenu de 'alt' en info bulle, mais c'est un de ses bugs.
- Une balise img se ferme toujours à la fin par un '/' : <img id="sonnom" width="xx" height="yy" alt="textealternatif" />. C'est facultatif en HTML 4.01 mais désormais obligatoire en XHTML.

En résumé, apprends la programmation XHTML/CSS : c'est utilisé depuis 2000 en remplacement du HTML 4.01. Ton site n'en sera que mieux fait ;).
>>
>>
>>

:merci:
 

Rafael1000

Expert
Merci beaucoup! C'est niquel! Dire que je suis payé pour refaire les pages statiques d'une boîte et que je n'y connais rien...
 

zeb

Modérateur

Fais le gratuitement, Johan, Pirlouit, moi-même et tous les autres, nous te renseignons bien gratieusement. ;)
 

Johan_et_Pirlouit

Grand Maître

[petite déconne mode on]

:sarcastic: Bah j'comprends pourquoi c'est souvent la patauge dans les boîtes.... Ils embauchent n'importe qui.. :D ;)

[/petite déconne mode off]

Fais le gratuitement, Johan, Pirlouit, moi-même et tous les autres, nous te renseignons bien gratieusement. ;)
gracieusement [:maitre capello] :o

:merci:
 

Johan_et_Pirlouit

Grand Maître

Non.. Dans les 'input', 'name' est le nom de la variable qui va prendre comme valeur ce que l'utilisateur va entrer par le formulaire..

'id' est l'identifiant de l'objet, unique dans la page. Utilsé pour lui donner des attributs CSS ou pour lui attribuer un comportement unique par JavaScript (par exemple)..

'class' définit une famille d'objets partageant les mêmes paramètres CSS ou ayant un comportement identique par JavaScript..

Pour personnaliser leur affichage, les balises 'input' peuvent recevoir les attributs 'id' et / ou 'class'..

Va fureter sur les liens que je t'ai passé plus haut..

:merci:
 

Rafael1000

Expert
OK, je regarde. Et quand j'ai une balise du type
Code:
<img src="index.cfm_fichiers/Home_en.jpg" height="288" width="335">
, je la ferme avec un / ?
 

Johan_et_Pirlouit

Grand Maître
Oui et n'oublie pas le 'alt', même si tu ne mets pas de texte alternatif :
Code:
<img src="index.cfm_fichiers/Home_en.jpg" height="288" width="335" alt="" />
:merci:
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 132
Messages
6 718 033
Membres
1 586 388
Dernier membre
mery2005
Partager cette page
Haut