Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

HTML/Javascript: affichage d'un diaporama

Crazynoss, le vendredi 28 octobre 2005 à 16:53:59
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!!!
Répondre à Crazynoss  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 crabs, le vendredi 28 octobre 2005 à 17:46:48
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

Résultats pour HTML/Javascript: affichage d'un diaporama

Erreur Javascript (Résolu) Bonjour à tous, mon problème est simple, je dois développer un simple explorateur en Python/html/javascript et j'ai créé la page qui suit. Malheureusement ma fonction java ne marche pas au niveau de document.getElementById(rep).style.display =... www.commentcamarche.net/forum/affich-4295635-erreur-javascript
HTML remonter en haut d'une page (Résolu) Bonjour, J'ai une question simple : J'ai une page html qui affiche des JPG les un en dessous des autres. Pour pouvoir remonter en haut de la page, le seul moyen est il de relancer la page ou existe il par un bouton une fonction qui permet de... www.commentcamarche.net/forum/affich-2724479-html-remonter-en-haut-d-une-page
Firefox et HTML (Résolu) Bonjour, Jusqu'à présent je testais mon site internet perso (HTML, Javascript) avec IE. Aucun problème. J'ai installé ces derniers jours Firefox et effectué les tests via ce logiciel. La j'ai quelques problèmes : décalage important de... www.commentcamarche.net/forum/affich-4668521-firefox-et-html

Résultats pour HTML/Javascript: affichage d'un diaporama

[FreeMind] Publier une mindmap dans une page webFreeMind 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... www.commentcamarche.net/faq/sujet-4857-freemind-publier-une-mindmap-dans-une-page-web
Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
Afficher le mode « diaporama »Pour 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... www.commentcamarche.net/faq/sujet-7687-afficher-le-mode-diaporama

Résultats pour HTML/Javascript: affichage d'un diaporama

Soft dev. HTML avec saisie semi-automatique (Résolu)Bonjour mesdames, mesdemoiselles, messieurs, et les autres^^ Je suis à la recherche d'un logiciel de développement HTML/Javascript/... qui possède une fonction de saisie semi-automatique (comme dreamweaver) , mais qui soit un freeware. Pas besoin... www.commentcamarche.net/forum/affich-4053982-soft-dev-html-avec-saisie-semi-automatique
XMLHttpRequest (Résolu)Bonjour, Je débute avec AJAX, et j'aimerais faire la chose suivante: - récupérer des données dans une base lorsqu'on clique sur un lien. - afficher ces données sur le navigateur. J'ai créé deux fichiers: - ajax.html qui affiche le lien... www.commentcamarche.net/forum/affich-5494765-xmlhttprequest
[Flash] Récupérer la durée totale d'une music (Résolu)Bonjour, Deja je peux le dire directement, je ne connais rien en flash ^^' Maais, je suis (je pense) un expert en HTML, Javascript, PHP et flash n'a pas l'air si différent. Je suis entrain de faire un lecteur mp3 en html / javascript et... www.commentcamarche.net/forum/affich-5404402-flash-recuperer-la-duree-totale-d-une-music

Résultats pour HTML/Javascript: affichage d'un diaporama

Télécharger ZionEditZionEdit est un éditeur de programme des plus intuitifs et facile à configurer, en plus léger. Il est basé sur les composants Scintilla. Les langages C/C++, C#, Java, Perl, CSS, HTML(+JavaScript,PHP etc.), SQL(+MySQL), VB/VBScript, Ruby, LISP, Python... www.commentcamarche.net/telecharger/telecharger-34056535-zionedit

Résultats pour HTML/Javascript: affichage d'un diaporama

Javascript - Introduction au langage JavascriptQu'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... www.commentcamarche.net/contents/javascript/jsintro.php3
Javascript - Les événementsQu'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... www.commentcamarche.net/contents/javascript/jsevent.php3
Javascript - Les tableauxIntroduction à 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... www.commentcamarche.net/contents/javascript/jstab.php3