Bonjour,
J'ai des photos qui sont affichées sur une page "vignettes.php.
Lorsque l'on clique sur une photo j'ouvre une nouvelle page "contenant.php" qui contient un select et où j'affiche en grand la photo sélectionnée. Puis sur cette page on peut démarrer un diaporama.
Le problème est que dans le fichier "script.js" j'ai une variable "current" qui démarre à 0 et je voudrai en fait récupérer la variable $numero qui se trouve sur la page vignettes.php
le fichier vignettes.php
le fichier contenant.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <?php //$numero correspond au numéro de la photo à afficher dans le fichier "contenant.php" $numero= 0; ?> <p> Cliquez sur une photo pour une vue agrandie. <br /> afficher le <a href="index.php?page=contenant_2007">diaporama</a> </p> <a href="index.php?page=contenant_2007&&numero=<?php $numero=1; echo $numero;?>"><img name="image" src="i_albums/album_2007/images2007/petites/1.jpg"></a> <a href="index.php?page=contenant_2007&&numero=<?php $numero=2; echo $numero;?>"><img name="image" src="i_albums/album_2007/images2007/petites/2.jpg"></a> <a href="index.php?page=contenant_2007&&numero=<?php $numero=3; echo $numero;?>"><img name="image" src="i_albums/album_2007/images2007/petites/3.jpg"></a> <br /> <input type="hidden" name="image" value="<?php echo $numero;?>">
le fichier javascript
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
38
39
40
41
42 <div style="width:800px;"> <p align=center> <a href="index.php?page=album_2007">Retour vignettes</a> </p> <form name=slideform> <table align="center" cellspacing="1" cellpadding="4" bgcolor="#000000"> <tr> <td align=center bgcolor="#C0C0C0"> <input type=button onClick="first();" value="|<<" title="Beginning"> <input type=button onClick="previous();" value="<<" title="Previous"> <input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay"> <input type=button onClick="next();" value=">>" title="Next"> <input type=button onClick="last();" value=">>|" title="End"> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <select name="slide" onChange="change();"> <option value="i_albums/album_2007/images2007/grandes/1.jpg" selected>Ouverture du codep 31 à l'UNION, 11/02/2007 <option value="i_albums/album_2007/images2007/grandes/2.jpg">Ouverture du codep 31 à l'UNION, 11/02/2007 <option value="i_albums/album_2007/images2007/grandes/3.jpg">Inauguration de la piste cyclable entre Martres-Tolosane et Salles/Garonne, 02/06/2007 </select> </td> </tr> <tr> <td align=center bgcolor="white" width="200px" height="250px"> <?php //numero correspond au niméro de la photo qui a été sélectionné sur la page "vignettes.php" if (isset($_GET["numero"])){ $numero= $_GET["numero"]; } else { $numero = 1; } $image= $numero.".jpg"; ?> <img src="i_albums/album_2007/images2007/grandes/<?php echo $image;?>" name="show"> </td> </tr> </table> </form> </div>
Merci de l'aide
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
38
39
40
41
42
43 var rotate_delay = 2500; current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End -->
Partager