bonjour à tous,
voilà j'ai créé une galerie photo avec une liste déroulante permettant de choisir une catégorie et les miniatures qui s'y rapportent s'affichent. Quand on clique sur une
miniature, on voit la photo en grand avec un petit formulaire de commentaire. Ma question était de voir s'il était possible d'avoir des boutons "précédent" "suivant"
sur la grande photo pour qu'on puisse en cliquant sur "suivant" par ex. voir la photo agrandie qui suit dans la même catégorie.
Je suis un grand débutant donc je ne vois pas trop comment je dois m'y prendre.
Ps: les photos sont stockées dans un dossier et dans la DB seuls le chemin vers les photos est stocké.
J'ai aussi essayé de rendre les champs "pseudo et commentaire" de mon formulaire commentaires obligatoires mais ça ne fonctionne pas,
Voici mon code pour les miniatures
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69 <!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=utf-8" /> </head> <body> <?php mysql_connect("localhost", "root", ""); mysql_select_db("monsite"); echo "<form action='BDDPhotos.php' enctype='multipart/form-data' method='post' class='formpetit'> Rubrique: "; //affichage liste déroulante echo '<select name="rubrique">'; $requete = mysql_query("SELECT * FROM Rubrique ORDER BY RubriqueName") or exit("erreur rubrique"); while($reponse = mysql_fetch_array($requete)) { echo '<option value="'.$reponse['RubriqueID'].'">'.$reponse['RubriqueName'].'</option>'; } echo "</select><br/> <input type='submit' value='ok' id='submit'/> </form>"; echo "<table border='0' width='100%'><tr>"; $RubriqueID = $_POST['rubrique']; $result = mysql_query ("SELECT * FROM Image WHERE RubriqueID='$RubriqueID' ORDER BY MiniName") or die (mysql_error()); $NbrImgParLigne = 4; $NumImgLigne = 0; while ($row = mysql_fetch_array($result)) { if ($NumImgLigne>=$NbrImgParLigne) { echo "</tr><tr>"; $NumImgLigne = 0; } $NumImgLigne++; echo "<td align='center'>"; $ImageID = $row['ImageID']; $ImageName = $row['ImageName']; $MiniName = $row['MiniName']; $ImagetteAbsolutePath = $MiniName; $ImageAbsolutePath = $ImageName; // Récupère les dimentions de l'imagette //$JPEGRes = ImageCreateFromJPEG($ImagetteAbsolutePath); //$xsrc = imagesx($JPEGRes); //$ysrc = imagesy($JPEGRes); echo '<a href="bigphoto.php?img='.$ImageName.'&title='.$ImageID.'" title="cliquez sur la photo pour l'agrandir" target="blank"><img src="'.$ImagetteAbsolutePath.'" width="xsrc" height="ysrc" border="0" alt="miniature"></a>'; echo "</td>"; } echo "</tr></table>"; ?> </body> </html>
Voici le code pour l'agrandissement
merci à tous pour votre 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
44
45
46
47
48
49
50
51
52
53
54 <!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=utf-8" /> </head> <body> <?php mysql_connect("localhost", "root", ""); mysql_select_db("monsite"); $idimage = htmlspecialchars($_GET['title']); $bigphoto = htmlspecialchars($_GET['img']); echo '<img src="'.$bigphoto.'" alt="" class="bigphoto"/>'; $infos = mysql_query('SELECT * FROM commentaire WHERE ImageID="'. $idimage .'"')or die (mysql_error()); while ($donnees = mysql_fetch_assoc($infos)) { $pseudo = stripslashes($donnees['pseudo']); $commentaire = stripslashes($donnees['commentaire']); echo '<p class="commentaire"> '.$pseudo.': '.$commentaire.' </p>'; } if (isset($_POST['commentaire']) AND isset($_POST['pseudo'])) { if($_POST['commentaire'] != '' AND $_POST['pseudo'] != '') { $pseudo = mysql_real_escape_string($_POST['pseudo']); $commentaire = mysql_real_escape_string($_POST['commentaire']); $idimg = $_POST['idimg']; mysql_query ("INSERT INTO commentaire VALUES('', '" . $pseudo . "', '" . $commentaire . "', '" . $idimg . "')")or die (mysql_error()); echo "Merci d'avoir commenté ! <a href='BDDphotos.php' title='retour aux photos!'>Retour Ã* la liste de photos</a>"; } } ?> <p class="retour"><a href='BDDphotos.php' title='retour aux photos!'>Retour Ã* la liste de photos</a></p> <form action='bigphoto.php' enctype='multipart/form-data' method='post'> <p> <label>Votre pseudo: <input type="text" name="pseudo"/><br/></label> <label>Laissez un commentaire: <br/> <textarea name="commentaire" rows="5" cols="50"/></textarea> <br/></label> <br/> <input type="hidden" name="idimg" value="<?php echo $idimage;?>"/> <input type="submit" value="Ajoutez votre commentaire" id="submit"/> </p> </form> </body> </html>
Partager