Discussion :

[keokaz]

Bonsoir comment s'y prend t'on pour afficher une image, lorsque que l'on survole cette image on change par une autre, et lorsque qu'on est en dehors on revient a l'image précédente

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<a><img src="img/ouvert_menu.png"/></a>  //image d'origine
   	 <script type="text/javascript" src="menu.js"></script>
 
<script>
$('a').mouseover(function() { 
$('a').replaceWith('<img src="img/menu.png"/>'); //image lors du survole?
});
</script>

merci de vos réponses.

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img id="imgID" src="../images/imageTest.png"/>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*
 * Si la seconde image est plus petite que la première,
 * il y a un effet de va et vient tout à fait normal,
 * si on se trouve dans l'aire de l'image la plus grande
 * et pas encore dans l'aire de l'image la plus petite.
*/
$("#imgID").hover(
	function(){
		$(this).attr("src","../images/avatarDVJH.jpg");
	},
	function(){
		$(this).attr("src","../images/imageTest.png");
	}
);