afficher 4 images et bouton précédent, suivant
Posté : 20 juil. 2009, 20:36
Bonjour,
Mon problème c'est déjà de savoir si c'est bien en langage PHP qu'il faut que je procède.
En fait j'ai une boucle while qui prend toute les images du membre et me les affiches. et
je souhaiterais que l'affichage se face par 4 images. Et que un bouton suivant ou précédent
me permette de faire defiler celles ci de gauche a droite ou vice vers ca.
Je pense qu'il me faut une borne de 4 images a l'affichage plus un compteur d'image avec
+1 ou -1 ?
voila mon code (les fleches sont juste la pour moi laffichage pour le moment etant données
que je ne sais pas encore comment procéder) :
Mon problème c'est déjà de savoir si c'est bien en langage PHP qu'il faut que je procède.
En fait j'ai une boucle while qui prend toute les images du membre et me les affiches. et
je souhaiterais que l'affichage se face par 4 images. Et que un bouton suivant ou précédent
me permette de faire defiler celles ci de gauche a droite ou vice vers ca.
Je pense qu'il me faut une borne de 4 images a l'affichage plus un compteur d'image avec
+1 ou -1 ?
voila mon code (les fleches sont juste la pour moi laffichage pour le moment etant données
que je ne sais pas encore comment procéder) :
<?php
session_start();
include("connexion/config.php");
$idMembreSession=(int)$_SESSION['IdMembre'];
$requetePhotosMembre = "SELECT PhotoMembre
FROM photos_membres
WHERE IdMembre = ".$idMembreSession."";
$rsPhotosMembre = mysql_query($requetePhotosMembre);
if(mysql_num_rows($rsPhotosMembre)>1){
$index.="\t\t\t\t\t<table align=\"center\" border=\"0\" width=\"650\" cellpadding=\"1\" rules=\"2\">\n";
$index.="\t\t\t\t\t\t<tr>\n";
$index.="\t\t\t\t\t\t<td><img src=\"images/flecheGaucheVert.jpg\"/></td>\n";
while($row=mysql_fetch_array($rsPhotosMembre)){
//Variable utilisé pour la création de la popup (le nom qui va s'afficher dans l'url ainsi que la largeur de la hauteur de la popup)
$url=$row['PhotoMembre'];
$width=1024;
$height=800;
$index.="\t\t\t\t\t\t\t\t<td align=\"center\" width=\"142px\"><a href=\"javascript: open_popup('".$url."',".$height.",".$width.")\"><img src=".$row['PhotoMembre']." width=\"130\" height=\"100\"/></a></td>\n";
}
$index.="\t\t\t\t\t\t<td><img src=\"images/flecheDroiteVert.jpg\"/></td>\n";
$index.="\t\t\t\t\t\t\t</tr></table>\n";
}else{
}
echo($index);
?>
<script type="text/javascript">
function open_popup(url,height,width)
{
popup_top=((screen.height-height)/2);
popup_left=((screen.width-width)/2);
window.open(url,"nomfenetre","top="+popup_top+", left="+popup_left+", height="+height+", width="+width);
}
</script>