Bouton-image en javascript

Résolu
hack_net Messages postés 814 Statut Membre -  
hack_net Messages postés 814 Statut Membre -
Bonjour,

Je souhaiterais faire un lien en img (pas de probléme particulier jusqu'ici) mais j'aimerais que cette image change au passage de la souris. J'ai tout naturellement eut le reflex "Javascript". Le seul PB c'est que je ne connait pas ce language (oui je sais, il faut que je m'y mette, mais j'ai pas trop le temps en ce moment !).

Le lien se situ comme ceci:
<li><a href="accueil.html" target="corps"><img height="48" width="162" src="images/accueil_norm.png" alt="Accueil" border="0" onMouseUp="" /></a></li>

Question: Quesque je dois mettre dan ce onMouseUp="" ???

Merci de vos réponses...

3 réponses

Réponse 1 / 3
OrionS Messages postés 55 Statut Membre 39
 
bonjour,

ci-dessous le code JS pour changer une image : 
<script>
	function change()
	{
		document.images["img1"].src = "http://www.itligentia.com/wp-content/images/firefox.jpg";
	}
	function dechange()
	{
		document.images["img1"].src = "http://www.google.fr/intl/fr_fr/images/logo.gif";
	}
</script>

<a href="" onMouseOver="change()" onMouseOut="dechange()"><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" name="img1"></a>
4
Réponse 2 / 3
Enax Messages postés 204 Statut Membre 145
 
C'est plus simple de passer par du CSS : 

<li><a href="accueil.html" target="corps" class="bouton"></a></li>

.bouton
{
	display: block;
	width: 162px;
	height: 48px;
	background-image: url("image1.png");
}

.bouton:hover
{
	background-image: url("image2.png");
}
4
Réponse 3 / 3
hack_net Messages postés 814 Statut Membre 51
 
Merci a tout les deux!

Je vais prendre les 2 méthodes !!!

A+
1

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
PIX
plart -
jordane45 -

1 réponse
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
ou est la touche shift sur un clavier
Mathis -
Maelstrom -

4 réponses