Discussion :

[spankey]

Bonjour

Je dois r�alis� un diaporama d'images qui d�filent,
le tout avec avec les miniatures des photos juste au dessus pour aller � la
photo souhaiter, mais j'ai des contraintes techniques (interdiction
de l'utilisation de jquery entre autre).

http://img852.imageshack.us/img852/6784/imagegde.jpg

Mais je ne pas sais r�ellement comment �crire ca pour tout faire
co�ncider.
J'ai r�ussi a faire un diaporama avec le timmer mais sans que les
miniatures fonctionne et un autre avec les miniatures mais sans le timmer.

Est-ce que vous pourriez m'indiquer la d�marche � entreprendre pour le r�aliser.

Merci d'avance
Spankey

Edit: J'ai bien entendu aussi chercher en long et en travers un script ad�quat sans r�sultats..

[nadox]

Bonjour,

Qu'est ce qui ne fonctionne pas exactement ?

Quel est ton algorithme ? (que fais ton code ?)

Tu n'aurais pas un peu de code � nous montrer ?

[spankey]

Merci pour ta r�ponse

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var actuEnCours = -1;
 
 
function remplacer()
{
	// Si on a une actu en cours alors on la masque
	if (actuEnCours != -1)
	{
		document.getElementById("actu" + actuEnCours).style.display = "none"
	}
 
	var e=null;
	while (e==null){
		actuEnCours=Math.round(Math.random()*10);
			e=document.getElementById("actu"+actuEnCours);
	}
 
	// Affichage de la nouvelle actu en cours
	var e = document.getElementById("actu" + actuEnCours);
	e.style.display = "block";
 
	// Programme le prochain appel
	setTimeout("remplacer()", 3000);
}

La par exemple je ne sais pas comment, si j'�cris une nouvelle fonction faire en sorte de faire fonctionner les miniatures..

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
      // Fonction pour afficher l'image de détail de la miniature 
      function afficherDetail(url)
      {
        // Pointeur vers le DIV conteneur de l'image
 
			        var monDiv = document.getElementById("divAffichage");
 
 
        // Modification du HTML du div conteneur
        monDiv.innerHTML = "<img src=\"" + url + "\" alt=\"\"/>";
 
	  }

Et ce code la me parait absurde pour y ins�rer un timmer sur les images.

Ce que je souhaiterais, c'est li� les deux..

[nadox]

Ce code fonctionne vraiment ?

Tu d�clare deux fois une m�me variable 'e'
De plus, le nom de variable e est � �viter car elle est utilis�e par certains navigateur.

Je crois que je ne comprends pas bien ce que tu veux faire...

Dans l'id�e, le timer sert � avoir une sorte de boucle.
Que veux-tu faire exactement dans cette boucle ?

[spankey]

Ce que je souhaiterais faire c'est afficher une photo sur un temps donn�s, pendant 3 secondes par exemple.

C'est ce que j'ai fait sur le premier script. Ce que je n'arrive pas a faire, c'est �crire une nouvelle fonction qui permet d'afficher une photo � la place de celle en cours en cliquant sur une miniature.

[nadox]

Tu n'as pas besoin d'�crire une nouvelle fonction, mais d'adapter la premi�re.

Au lieu d'afficher/masquer ton img � chaque tour du timer, il faut 'parcourir' les miniatures et afficher la miniature courante en dessous (par exemple grace � ta deuxi�me fonction).

Ensuite pour pouvoir afficher l'image sur le clic(toujours avec ta deuxi�me fonction), il faut simplement 'brancher' ta fonction d'affichage avec le click sur les miniatures.