slideshow

Version imprimable

13/02/2008, 12h02
azorol

slideshow
Bonjour,

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

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:

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:

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.
13/02/2008, 13h45
le_chomeur

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

Bonjour,

J'ai fais une recherche comme tu ma indiqué

Citation:

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:

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:

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:

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:

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

Essaye ceci ;)

Code:

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>

14/02/2008, 11h14
azorol

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.
14/02/2008, 11h17
le_chomeur

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

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

est ce cela ?
14/02/2008, 11h31
azorol

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

Je cherce remplacer :

Code:

Pic[0] = 'image1o.jpg';

par quelque chose du genre :

Code:

Pic[0] = nom_de_la_variable_obtenu_par_php;
14/02/2008, 11h49
le_chomeur

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 ;)
14/02/2008, 11h53
azorol

ok merci je cherche de se coter la

bonjour,

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

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

15/02/2008, 10h10
le_chomeur

...
et ça c'est quoi :

Citation:

Pic[0] = nom_de_la_variable_obtenu_par_php;

Re...

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

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

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:

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

remplace :

Code:

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

par :

Code:

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

15/02/2008, 18h36
sachav

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

J'ai ça en source :

Code:

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:

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;?>"

16/02/2008, 12h55
sachav
Aparremment vos variables php ne sont pas déclarées...
Avez-vous mis ceci en début de page ?
Code:

1 2 3 4 5 6 <?php $image = "monimage.jpg"; $image2 = "monimage2.jpg"; $image3 = "monimage3.jpg"; ?>
16/02/2008, 18h12
azorol

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 :)

Citation:

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)...
16/02/2008, 20h27
sachav

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

Bonsoir,

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

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.