slideshow

**azorol** · 13/02/2008, 12h02

Bonjour,

J'ai besoin de votre aide pour m'aider à adapter le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var slideShowSpeed = 2000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = 'image1o.jpg'
Pic[1] = 'image3o.jpg'
Pic[2] = 'image4o.jpg'

Dans le tableau qui est généré ont retrouve les image qui sont affichées par leurs noms, et je voudrais les afficher avec le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var image;
image=document.forms["qcm"].elements["image_vert"].value;

Donc comment insérer se code a la place du nom de l'image ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
Pic[0] = 'image1o.jpg'
remplacé par :
Pic[0] = image=document.forms["qcm"].elements["image_vert"].value;

Mais ça ne fonctionne pas....

Merci de vos réponses.

**le_chomeur** · 13/02/2008, 13h45

Salut , fais une petite recherche sur le forum avec comme mot clef :
changer source image

**azorol** · 14/02/2008, 10h10

Bonjour,

J'ai fais une recherche comme tu ma indiqué

Salut , fais une petite recherche sur le forum avec comme mot clef :
changer source image

mais je n'ai pas trouvé de réponse... Mais il semblerait que je me soit mal expliqué quant a mon probléme...

Donc le problème et le suivant :
Je récupére d'une BD en my_sql par l'intermédiaire de php un nom d'image avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
CODE PHP
$chemin="../privat/_images/";
$extension=".jpg";
$filename = $chemin . $donnees['image2'] . $extension;
 
if (file_exists($filename))
 {    
 echo "<img src=\"../privat/_images/" . $donnees['image2']. ".jpg\" width=$largeur height=$hauteur >";
 } 
 else
 { 
  echo "Pas d'image disponible";   
 }

A partir de la le nom de l'image est reconstruite grace à concaténation de l'echo, j'ai vérifier je récupére bien un nom sous la forme image.jpg

Et c'est la que je bloque pour généré ce nom en javascript...
J'ai tenté de variabiliser le résultat de l'echo en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
CODE PHP
$mon_image = echo "<img src=\"../privat/_images/" . $donnees['image2']. ".jpg\" width=$largeur height=$hauteur >";

et je l'ai récupéré sur le formulaire de la maniére suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
CODE HTML
<input name="image_vert" type="text" value="<? echo $mon_image;?>">

Mais... mais je n'arrive pas a le variabiliser en javascript.... pour l'inséré dans l'array du slideshow....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
CODE JAVASCRIPT
var slideShowSpeed = 2000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = 'image1o.jpg'  <---- ici comment variabiliser $mon_image qui vient du php ?
Pic[1] = 'image3o.jpg'
Pic[2] = 'image4o.jpg'

Encore merci a tous pour vos aides.

Cordialement

Roland

**le_chomeur** · 14/02/2008, 10h44

Essaye ceci

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
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
var slideShowSpeed = 2000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = 'image1o.jpg';  
Pic[1] = 'image3o.jpg';
Pic[2] = 'image4o.jpg';
var numImg = 0;
var timer = null;
 
function $(element){
	return document.getElementById(element);
}
 
function slideShow(){
	$(monImg).src = Pic[numImg] ;
	if(numImg == Pic.length){
		numImg = 0;
	}
	else{
		numImg++;
	}
	timer = setTimeout('slideShow()',slideShowSpeed);
}
</script>
</head>
 
<body>
<img src="" id="monImg"/>
</body>
</html>