High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

HTML/Javascript: affichage d'un diaporama

Dernière réponse le 28 oct 2005 à 17:46:48 Crazynoss, le 28 oct 2005 à 16:53:59 
 Signaler ce message aux modérateurs

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!!!

Meilleures réponses pour « HTML/Javascript: affichage d'un diaporama » dans :
Afficher le mode « diaporama » VoirPour afficher ses images dans le mode « diaporama » Pour afficher ses images dans le mode « diaporama », il faut d'abord que les tâches habituelles soient affichées dans les dossiers. Pour ce faire: 1- ouvrir n'importe quel dossier 2- choisir...
Javascript - Afficher un message d'au-revoir aux visiteurs VoirIl est parfois très plaisant d'afficher un message en remerciant les visiteurs de votre site de leur passage. Cette astuce a pour but de vous montrer comment s'y prendre. 1.La fonction JavaScript 2.Appel du Script 1.La fonction...
[FreeMind] Publier une mindmap dans une page web VoirFreeMind est un logiciel de mindmapping. Vous avez plusieurs possibilités pour publier votre mindmap dans une page web. Flash applet Java Simple image PNG HTML+Javascript (texte seulement) HTML+Javascript (texte+icônes) HTML+Javascript...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Posez votre question Répondre

1

 crabs, le 28 oct 2005 à 17:46:48
  • +1

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. ..., I think Slackware sounds better than 'Microsoft,'
-- Patrick Volkerding - founder and maintainer of Slackware

   
Répondre à crabs
Posez votre question Répondre
Ils ont besoin de votre aide