HTML/Javascript: affichage d'un diaporama

Résolu/Fermé

Crazynoss Messages postés 1 Date d'inscription vendredi 28 octobre 2005 Statut Membre Dernière intervention 28 octobre 2005 - 28 oct. 2005 à 16:53
crabs Messages postés 908 Date d'inscription lundi 18 avril 2005 Statut Membre Dernière intervention 3 août 2008 - 28 oct. 2005 à 17:46

Bonjour,

Je cherche à créer un diaporama d'image photo sur une page web statique (HTML/Javascript). Mon problème réside dans le fait que je n'arrive pas à changer le contenu du src de l'objet image!! Pourtant mon code m'a l'air correct, donc je ne sais pas du tout d'où vient le problème!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<form name="form1" method="post" action="">
<script language="JavaScript">
	window[num]=1;
	window[nbr_photo]=8;
	window[source]="photo/1.jpg";	
	
	function bonne_source()
	{
		var photo_source = new Array;
		photo_source[1]="photo/1.jpg";
		photo_source[2]="photo/2.jpg";
		photo_source[3]="photo/3.jpg";
		photo_source[4]="photo/4.jpg";
		photo_source[5]="photo/5.jpg";
		photo_source[6]="photo/6.jpg";
		photo_source[7]="photo/7.jpg";
		photo_source[8]="photo/8.jpg";
		document.getElementById('foto').src=photo_source[num];
	}
	
	function prem_photo() 
	{
		num=1;
		bonne_source();
	}
	
	function pred_photo() 
	{
		if (num != 1)
		{
		num=num-1;
		bonne_source();
		}
	}
	
	function suiv_photo() 
	{
		if (num != nbr_photo)
		{
		num=num+1;
		bonne_source();
		}
	}
	
	function fin_photo() 
	{
		num=nbr_photo;
		bonne_source();
	}
</script>
</head>
<body>
  <div align="center">
    <p><img name="Photo" src="photo/1.jpg" id="foto" width="640" height="480" alt="" style="background-color: #00FFCC"></p>
    <p><label>truc</label> </p>
    <p>
      <input name="prem" type="submit" id="prem" value="Début" onClick="prem_photo();">
      <input name="pred" type="submit" id="pred" value="Précedent" onClick="pred_photo();">
      <input name="suiv" type="submit" id="suiv" value="Suivant" onClick="suiv_photo();">
      <input name="fin" type="submit" id="fin" value="Fin" onClick="fin_photo();">
    </p>
  </div>
</form>
</body>
</html>

Merci d'avance!!!

A voir également:

HTML/Javascript: affichage d'un diaporama
Editeur html - Télécharger - HTML
Telecharger javascript - Télécharger - Langages
A javascript error occurred in the main process - Forum Matériel & Système
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

crabs Messages postés 908 Date d'inscription lundi 18 avril 2005 Statut Membre Dernière intervention 3 août 2008 507
28 oct. 2005 à 17:46

Salut,
Correct c'est vite dit...
le form commence dans le head...
essaie de mettre des input button à la place des submit
Sinon, à chaque appui, tu repostes ta page, qui se raffiche...
tes initialisation windows[] servent à rien.
Utilises plutot des variable globale num et photo_source.
Mets une fonction au onload du body pour affecter photo_source.

Et ça c'est pas top... : div align="center"
Fait les modifs, si tu as toujours des problèmes, mets ta page en ligne et file l'url.
A+, crabs.

Discussions similaires

la balise ou

ou ou

Balise

Javascript Arrondi à 2 chiffres après la virgule

Saut de lignes sans