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>

**azorol** · 14/02/2008, 11h14

Merci mais je ne comprends pas ta réponse ???
J'essaie de variabiliser le nom de l'image dans l'array... le slideshow lui fonctionne trés bien.

**le_chomeur** · 14/02/2008, 11h17

ups excuse moi ... ne voyant pas le code complet du slideShow j'ai pensé que ...

Pour variabiliser ?
<?php
echo 'var monImage = ' . $donnees['image2'] ;
?>

est ce cela ?

**azorol** · 14/02/2008, 11h31

non plus... ton code concatene varmonimage avec le_nom_de_limage, ça en php je sait faire.

Je cherce remplacer :

Code :

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

Pic[0] = 'image1o.jpg';

par quelque chose du genre :

Code :

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

Pic[0] = nom_de_la_variable_obtenu_par_php;

**le_chomeur** · 14/02/2008, 11h49

ok ok je crois avoir compris ... dans ce cas la tu dois passer par des fonctions ajax, pour récupérer la string généré coté php et l'assigner à ta variable

regarde sur la faq ajax

**azorol** · 14/02/2008, 11h53

ok merci je cherche de se coter la

**azorol** · 15/02/2008, 10h01

bonjour,

J'ai trouvé la solution sur un autre forum, et c'est bien en javascript. Je la donne pour l'exemple.

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] = "<? echo "image1o.jpg";?>"
Pic[1] = "<? echo "image3o.jpg";?>"
Pic[2] = "<? echo "image4o.jpg";?>"

En faite c'était trés simple !!!!

Cordialement Roland

**le_chomeur** · 15/02/2008, 10h10

...
et ça c'est quoi :

Pic[0] = nom_de_la_variable_obtenu_par_php;

**azorol** · 15/02/2008, 14h34

Re...

Encore moi !!!! En faite ça ne fonctionne pas...

Maintenant j'ai une erreur javascript...
car en faite de :

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] = "<? echo "image1o.jpg";?>"
Pic[1] = "<? echo "image3o.jpg";?>"
Pic[2] = "<? echo "image4o.jpg";?>"

j'ai plutot :

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] = "<? echo $image1;?>"
Pic[1] = "<? echo $image2;?>"
Pic[2] = "<? echo $image3;?>"

ou $image1="image.jpg" etc...

Mon probleme vient du fait que j'ai une variable transmise par le php et pas un nom en "dur" dans le texte.

Cordialement Roland

**le_chomeur** · 15/02/2008, 14h41

remplace :

Code :

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

1
2
3
Pic[0] = "<? echo "image1o.jpg";?>"
Pic[1] = "<? echo "image3o.jpg";?>"
Pic[2] = "<? echo "image4o.jpg";?>"

par :

Code :

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

1
2
3
4
 
Pic[0] = <? echo '"image1o.jpg";'?>
Pic[1] = <? echo '"image3o.jpg";'?>
Pic[2] = <? echo '"image4o.jpg";'?>

**sachav** · 15/02/2008, 18h36

Qu'avez-vous quand vous faites "afficher la source" ? (apres le traitement par le client ?)

**azorol** · 15/02/2008, 23h00

J'ai ça en source :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var slideShowSpeed = 2000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = "<br />
<b>Notice</b>:  Undefined variable:  image in <b>c:\www\test\diapo.php</b> on line <b>13</b><br />
";
Pic[1] = "<br />
<b>Notice</b>:  Undefined variable:  image2 in <b>c:\www\test\diapo.php</b> on line <b>14</b><br />
";
Pic[2] = "<br />
<b>Notice</b>:  Undefined variable:  image3 in <b>c:\www\test\diapo.php</b> on line <b>15</b><br />
";

Apparement il prends ma variable php telle quel... le code php n'est pas éxécuter aprés le =

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] = "<? echo $image1;?>"
Pic[1] = "<? echo $image2;?>"
Pic[2] = "<? echo $image3;?>"

**sachav** · 16/02/2008, 12h55

Aparremment vos variables php ne sont pas déclarées...
Avez-vous mis ceci en début de page ?

Code :

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

1
2
3
4
5
6
 
<?php
$image = "monimage.jpg";
$image2 = "monimage2.jpg";
$image3 = "monimage3.jpg";
?>

**azorol** · 16/02/2008, 18h12

Bonsoir,

Oui biensur pour l'essai j'ai déclarer mes variables, ca les vraies variable sont reconstruite en php. (voir le début de mon post

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 :

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

Mais le javascript interpréte telle quel... (image)...

**sachav** · 16/02/2008, 20h27

$donnees['image2'] est different de $image2.
L'erreur provient (je suis sur a 99.99 %) de php...
En effet, l'erreur est retournee directement dans le script :

Undefined variable: image2 in <b>c:\www\test\diapo.php</b> on line 14

Qu'arrive-t-il si vous faites un echo $image2 ?

Je suis sur que l'erreur sera la meme : ca provient donc de php !

**azorol** · 17/02/2008, 22h29

Bonsoir,

Effectivement il faut que les variables soit déclarées avant le script !!! Sinon ça ne fonctionne pas !!!!

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<? $image1="image1o.jpg";
   $image2="image3o.jpg";
   $image3="image4o.jpg";
?>  
<script>
 
var slideShowSpeed = 2000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = "<?php echo $image1; ?>";
Pic[1] = "<?php echo $image2; ?>";
Pic[2] = "<?php echo $image3; ?>";

Merci de vos aides à tous et sachav, j'aurais du m'apercevoir de cet erreur... je mais le tag résolu.

slideshow

JavaScript

Discussions similaires

Partager

Partager