Aller au contenu

Le code ne veut pas afficher sur la même page deux images faisant des changements automatiques (2 galeries)


yoann25

Messages recommandés

Membre, Posté(e)
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

Bonjour, j'ai relu et je n'arrive pas à comprendre pourquoi mon code ne veux pas afficher sur la même page deux images faisant des changement automatique (2 galeries). Voici mon code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

<head>

<title>Image changeante en JavaScript</title>

<script type="text/javascript">

var ImageCourante = 0;

function ChangeImage()

{

if (ImageCourante < 8) {ImageCourante = ImageCourante + 1; } else {ImageCourante = 1;}

if (ImageCourante == 1) { document.slideshow.src = "Scenes/Scene1-350x350.jpg" ; document.slideshow.height = 250 }

if (ImageCourante == 2) { document.slideshow.src = "Scenes/Scene2-350x350.jpg"}

if (ImageCourante == 3) { document.slideshow.src = "Scenes/Scene3-350x350.jpg"}

setTimeout("ChangeImage()",2000);

}

</script>

</head>

<body onload="ChangeImage()">

<img src='image1.jpg' name='slideshow' alt='Slide show' width=300 height=250 id='slideshow' >

<br>

image.

</body>

<script type="text/javascript">

var ImageCourante = 0;

function ChangeImage()

{

if (ImageCourante < 8) {ImageCourante = ImageCourante + 1; } else {ImageCourante = 1;}

if (ImageCourante == 1) { document.slideshow.src = "Tournage1.jpg" ; document.slideshow.height = 250 }

if (ImageCourante == 2) { document.slideshow.src = "Tournage2.jpg"}

if (ImageCourante == 3) { document.slideshow.src = "Tournage3.jpg"}

setTimeout("ChangeImage()",2000);

}

</script>

</head>

<body onload="ChangeImage()">

<img src='Tournage1.jpg' name='Tournage' alt='Tournage' width=300 height=250 id='slideshow' >

<br>

image.

</body>

</html>

Merci à vous. Bonne journée. Yoann.

Lien à poster
Partager sur d’autres sites

Annonces
Maintenant
Membre, Procrastinateur, 32ans Posté(e)
FANDENEGI3 Membre 1 518 messages
32ans‚ Procrastinateur,
Posté(e)

Salut


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Image changeante en JavaScript</title>
<script type="text/javascript">
var ImageCourante = 0;

function ChangeImage(){
if (ImageCourante < 3) {ImageCourante = ImageCourante + 1; } else {ImageCourante = 1;}
if (ImageCourante == 1) { document.slideshow.src = "Tournage1.jpg" ; document.slideshow.height = 250 }
if (ImageCourante == 2) { document.slideshow.src = "Tournage2.jpg"}
if (ImageCourante == 3) { document.slideshow.src = "Tournage3.jpg"}

setTimeout("ChangeImage()",2000);
}
</script>
</head>

<body onload="ChangeImage()">
<img src='Tournage1.jpg' name='Tournage' alt='Tournage' width=300 height=250 id='slideshow' >

</body>
</html>

Cela fonctionne chez moi.

Bonne journée.

Edit : Désolé j'ai lu trop vite... lol

Renomme ta deuxième fonction ChangeImage, qu'elle n'ait pas le même nom que la première et ça devrait marcher.

Sinon ton code n'est pas très propre, certaines balises sont fermées deux fois.

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

Bonjour FANDENEGI3 , oui, je suis d'accord avec toi. Mais, là je voudrais une image changeante automatiquement à gauche de la page et une autre image image changeante automatique à droite de la même page html.

Merci de votre aide. Yoann

Lien à poster
Partager sur d’autres sites

Membre, Procrastinateur, 32ans Posté(e)
FANDENEGI3 Membre 1 518 messages
32ans‚ Procrastinateur,
Posté(e)

Essaie ça :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Image changeante en JavaScript</title>
<script type="text/javascript">
var ImageCourante = 0;

function ChangeImage(){
if (ImageCourante < 3) {ImageCourante = ImageCourante + 1; } else {ImageCourante = 1;}
if (ImageCourante == 1) { document.slideshow.src = "Tournage1.jpg"; document.slideshowBis.src = "Scenes/Scene1-350x350.jpg"; document.slideshow.height = 250; }
if (ImageCourante == 2) { document.slideshow.src = "Tournage2.jpg"; document.slideshowBis.src = "Scenes/Scene2-350x350.jpg";}
if (ImageCourante == 3) { document.slideshow.src = "Tournage3.jpg"; document.slideshowBis.src = "Scenes/Scene3-350x350.jpg";}

setTimeout("ChangeImage()",2000);
}
</script>
</head>

<body onload="ChangeImage()">
<img src='Tournage1.jpg' name='Tournage' alt='Tournage' width=300 height=250 id='slideshow' >
<br />
<img src='Tournage1.jpg' name='Tournage' alt='Tournage' width=300 height=250 id='slideshowBis' >
</body>
</html>

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

ça marche, les deux images de la page html change automatiquement, mais ça prend pas en compte les deux images différentes de la page html, c'est-à-dire que l'image à gauche de la page html est différente de celle de droite. J'ai essayer plusieurs manip, j'ai pas réussit.. Merci de votre aide.

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
yoann25 Membre 72 messages
Baby Forumeur‚
Posté(e)

C'est bon j'ai réussi. Merci

Lien à poster
Partager sur d’autres sites

Annonces
Maintenant

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×