Faire un rollover

**sebchal33** · 20/03/2014, 10h51

bonjour,
je cherche a développer un double rollover sur deux images
lorsque je survole la première img, c'est la deuxième qui change et vice et versa

voici le code, il ne fonctionne pas!!!:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<head>
	<meta>
	<title>gabarit</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	</meta>
	<link href="feuillecss.css" rel="stylesheet" type="text/css" />
	<script language="javascript">
		<!-- Begin
		bouton_on = new image();
		bouton_on.src = "img/ecole-emweb_on.png";
		bouton_off = new image();
		bouton_off.src = "img/ecole-emweb_off.png";
		-->
	</script>
</head>
<body>
	<a href=onmouseover="monrollover.src=bouton_on.src;"
	   onmouseout="monrollover.src=bouton_off.src;">
		<img src="img/ecole-emweb_off.png" name="monrollover" width="150" height="50">
		<img src="img/ecole-emweb_on.png" name="monrollover" width="150" height="50">
	</a>
</body>

**NoSmoking** · 20/03/2014, 22h09

Bonjour,

...lorsque je survole la première img,...

il te faut donc gérer l'événement onmouseover/out sur cette image et non sur la balise A conteneur, idem pour l'autre image.

**Bovino** · 21/03/2014, 08h35

Code :

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

<!-- Begin

L'habitude de mettre des commentaires HTML dans les balises script n'a plus aucune raison d'être depuis au moins dix ans... Cela servait uniquement aux navigateurs ne reconnaissant pas la balise <script> pour qu'ils n'affichent pas le contenu. C'est donc obsolète depuis IE4 et Netscape 4.

D'autre part, Begin n'est pas une instruction reconnue par JavaScript !

Code :

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

bouton_on = new image();

image() n'est pas un constructeur en JavaScript, tu as donc une erreur

ReferenceError: image is not defined

à cette ligne. Pour rappel, JavaScript est sensible à la casse.

Code html :

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

<a href=onmouseover="monrollover.src=bouton_on.src;"

Amusant ton href... :mrgreen
Malheureusement, HTML et JavaScript sont assez hermétiques à l'humour !

**sebchal33** · 21/03/2014, 14h28

j'avoue ne pas etre très fort sur javascrit
quelqu'un peut il me donner un code pour réaliser ce double rollover

merci d'avance merci

**Bovino** · 21/03/2014, 14h44

Envoyé par sebchal33

je cherche a développer un double rollover sur deux images

Envoyé par sebchal33

quelqu'un peut il me donner un code

Ouais... en fait, tu ne cherches pas du tout à le faire, mais à le faire faire, c'est ça ?

**sebchal33** · 21/03/2014, 14h53

non non pas dutout

un bon tuto fera l'affaire

merci

**Auteur** · 21/03/2014, 20h05

Voici le code de base d'un roll-over :
http://www.developpez.net/forums/d14...ver-ne-marche/

Faire un rollover

JavaScript

Discussions similaires

Partager

Partager