Bouton-image en javascript

Résolu
hack_net Messages postés 783 Date d'inscription   Statut Membre Dernière intervention   -  
hack_net Messages postés 783 Date d'inscription   Statut Membre Dernière intervention   -
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...
A voir également:

3 réponses

OrionS Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   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
Enax Messages postés 203 Date d'inscription   Statut Membre Dernière intervention   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
hack_net Messages postés 783 Date d'inscription   Statut Membre Dernière intervention   51
 
Merci a tout les deux!

Je vais prendre les 2 méthodes !!!

A+
1