Création d'un document HTML

Version imprimable

Bonjour,

Je dois créer un document HTML dans lequel il y a une séquence de huit images qui défile à chaque clique de souris. Présentement, je suis seulement capable de cliquer une fois car après il ne se passe plus rien. Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Changer une image lorsqu'on clique dessus</TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <H4>Cliquez sur l'image pour la changer</H4> <A HREF="JavaScript:change_img('guepard8.gif',0)"> <IMG SRC="guepard1.gif"></A> </BODY> </HTML>
Merci beaucoup

Jonathan

02/01/2010, 22h32
ngpub

Tu t'es trompé de boutique, t'es sur un forum Java ici (rien à voir avec JavaScript), tu auras plus d'aide sur le forum JavaScript.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<HTML>
<HEAD>
<TITLE>Changer une image lorsqu'on clique dessus</TITLE>
<SCRIPT language="JavaScript">
<!--
var num_image = 0;
function next_image() {
	if (num_image < 8) { // limite à 8 images
		num_image += 1;
		document.getElementById("image").src = "img_" + num_image + ".gif";
	}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<H4>Cliquez sur l'image pour la changer</H4>
<A HREF="javascript:next_image()"><IMG SRC="img_0.gif" id="image"></A>
</BODY>
</HTML>

Je préfère utiliser getElementById parce que le tableau document.images[] peut évoluer avec le contenu de la page. Si on ajoute une image les indices évoluées et la script ne fonctionne plus

13/01/2010, 14h35
polymorphisme
Bonjour,

que de confusion entre Java et Javascript !!!
Code:

1 2 <A HREF="JavaScript:change_img('guepard8.gif',0)"> <IMG SRC="guepard1.gif"></A>
Bon après, ton code ne fait que ce que tu lui demande : tu commence par afficher l'image guepard1.gif. Lors d'un clique de souris sur le lien, un appel à la fonction change_img est effectué. Ta fonction change_img affiche l'image guepard8.gif. Si tu clique à nouveau sur l'image guepard8.gif. tu fait un appel à la fonction change_img ... qui t'affiche toujours la même image !
13/01/2010, 17h38
Farçous

Polymorphisme a raison

Utilise une variable dans ta page pour indiquer à quelle image tu en es.