GALERIE PHOTO SIMPLE (1 FICHIER) SANS MYSQL AVEC GESTION DES REPERTOIRES

Commentaire de MATHIS49 le 25/10/2005 23:31:20

c'est un peut le bordel..

Commentaire de twisteurwin le 26/10/2005 13:28:13

correction
echo " <td align=center>... devient echo ' <td align="center">...

Commentaire de ImmortalPC le 26/10/2005 13:59:57

Salut,
4 GROSSES erreur !!!
1) <? ?> --> <?php ?>
2) chmod("$img_dest",0777); --> chmod($img_dest,0777);
3) echo "$file"; --> echo $file;
4) " --> ' les ' sont plus rapide
5) XHTML

@+
Immortal-PC

Commentaire de malokaff le 26/10/2005 14:56:25

bon ok je reconnais que j'ai pas été top sur les normes! je vais corriger ça dès que j'ai le temps!!
Sinon je ne savais pas que le echo " ", c'etait plus a la mode!

Commentaire de ImmortalPC le 26/10/2005 16:19:43

Re,
"4 imperfections" !?
Quand même, certain serveurs n'accèptent pas les <? donc ça plante.
Mais c'est vrais que les 4 autres sont des optimisations

>twisteurwin:
Je crois avoir trouvé la solution pour ton problème avec easyphp.
@+

Commentaire de twisteurwin le 27/10/2005 06:14:16

ImmortalPC >> Ok je suis impatient de savoir & merci encore, on se capte sur msn cette apres midi...

Malalam >> Ok jsuis d'accord avec toi... sauf pour les iframes ( à banir ) car ca fou le bordel niveau référencement...

Malokaff >> J'attends que tu mettes ton code à jour pour que je puisse noter...

Bye all :-)

Commentaire de viking_force le 02/11/2005 09:39:01

salut

Déjà, félicitation pour la source, y'a un réel travail derriere....(on commence par les félicitations :-))

sinon, est-ce que quelqu'un peut me dire en quoi un echo "bonjour $user"; serais plus lent qu'un echo 'bonjour '.$user; ??

Quel est donc la quantité de temps perdu ?? Quel est la proportion de temps perdu en comparaison a celui perdu lors d'une requête sql mal formulée ??

Commentaire de malokaff le 02/11/2005 13:23:32

merci pour cette explication parceque j'ai corriger mais sans savoir pourquoi!

Commentaire de cmoidhen le 28/11/2005 11:18:48

Merci pour ce script tres interessant, je suis photographe et je recherche depuis quelques temps deja un script pour faire une galerie photo. Dans la majorité des codes les miniatures sont deformées d'ou ma question:
Est-il possible d'ajouter du code pour conserver les proportions des images tout en gardant une mise en page propre?
Merci de vos réponses.

Commentaire de viking_force le 30/11/2005 09:36:56

il est aussi possible d'extraire un bout de ton image et de la mettre en miniature.....

on prend pour exemple des miniatures de 100px par 100px......
Tu t'arrange pour re-dimensionner l'image de façon a ce que son coté le plus petit fasse 100px (le deuxième, forcement, fera au moins ou plus de 100px) et tu 'crop' l'image en en créant une nouvelle grâce a la librairie GD

Commentaire de balzac90 le 11/03/2006 12:02:32

hello word !
Très bien ce code, mais le newbe que je suis a du mal à la mettre en place :
j'ai une erreur de mon hébergeur : "Warning: chmod() has been disabled for security reasons in index.php on line 73", c'est grave ?
J'arrive pas non plus à trouver comment faire des miniatures plus grosses... :(
Merci d'avance !

Commentaire de malokaff le 24/04/2006 16:15:28

Bonjour, pour ceux que ça interresse, j'ai encore améliorer ce code : j'ai rajouter la possibilité de commenter les photos en utilisant une table mysql, si des gens sont intéressé, je veux bien essayer de commenter mon usine a gaz et je la posterai dans une autre source (pour laisser celle ci comme çà).

Commentaire de didou038 le 08/12/2006 18:28:33

salut !

c'est exactement le genre de script que je cherchais !

par contre une fois mis en place j'ai un soucis de mise en page, en effet je fais un include de "galerie.php (ton script) dans le <div> ou je veux l'afficher, et des lors il me decalle le design et c'est assez genant. voila le lien vers le site en question qui est en cours de creation : http://www.forgotten.stars.free.fr/stel/index.php
merci de ton aide

Commentaire de kimiwelle le 02/02/2010 10:37:47

Bonjour,

Complètement newbie du php, (j'ai fait que des formulaires pour le moment) je suis super intéressée par la galerie sans commentaire avec la gestion de rubriques.

mais je pense qu'il me manque des commentaires dans le code pour bien personnaliser le code... parce que j'ai un message d'erreur désopilant :
"404 Not Found
The requested URL /GIROUETTES/index.php was not found on this server.
Apache/ProXad [Aug 9 2008 02:45:07] Server at gs.com.free.fr Port 80"


newbie de chez newbie, je ne vois pas quel pourrait être le problème...

ma galerie :
http://gs.com.free.fr/GIROUETTES/test2_galleriephp.php

Merci d'avance pour votre aide. je galère grave. vivement que je sois formée sur du php.

K.

Commentaire de kimiwelle le 02/02/2010 19:06:45

Bonsoir,

Alors je ne comprends pas tout, il va falloir la refaire lentement...

J'ai fait quelques modifs avec Malokaff via MP, j'ai modifié le fichier le lien c'est maintenant :
http://gs.com.free.fr/GIROUETTES/galerie.php

à ma grande surprise, j'ai même réussi à intégrer mon CSS dans le php.
maintenant, j'ai quelques ajustements à faire :

1. j'aimerais qu'on voit bien dans la barre de sélection les 2 rubriques que j'ai créé. elles sont pas très lisibles et je sais pas pourquoi?
il y a un problème similaire avec la numérotation des pages, et l'emplacement des suivant et précédent

2. j'aimerai agrandir les miniatures, elles sont trop petites par rapport à mon besoin.

3. j'aurai aimé qu'elles s'ouvrent dans une lightbox ou éventuellement dans une frame...

peut on faire quelque chose comme ca?

Merci d'avance.

Maeva

PS : voici mon code :
<!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" />
<title>Document sans titre</title>
<link href="sources/styles_girouettes.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="content_general">
<div id="header"></div>
<div id="header_menu"></div>
<div id="content_main">
<div id="content_main_galerie">
<table width="950" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">Découvrez nos photos, n'hésitez pas à nous contacter pour plus d'informations<br />
      Vous pouvez aussi nous commander votre modèle personalisé.<br /></td>
    <td width="189"><a href="galerie.php" target="_self"><br />
      Retour à la Galerie principale </a></td>
  </tr>
  <td width="196"><tr>
          <?php
# //////////////////////////////////////////////////////////////////////////////////////////////////////////////
# /*galerie d'image par malokaff,
# Il s'agit d'un mix de plusieurs source de phpcs que j'ai essayer de simplifier pour faire un systeme de galerie
# simple : il suffit de metre les photos dans des sous dossiers du repertoire photo et le script se charge de
# la création des miniatures et de la mise en page.
#
#vous avez besoin d'un repertoire photo qui contient les dossiers des photos,
# un repertoire mini qui contiendra les miniatures généré par le script
# *////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*
**
//Fonction compression des images
**
*/
function redimage($img_src,$img_dest,$dst_w,$dst_h,$alt,$title)
{
   // Lit les dimensions de l'image
   $size = getimagesize($img_src);
   $src_w = $size[0]; $src_h = $size[1];
   $ext = strtolower(substr($img_src, -3));
// $ext = strtolower(strstr($img_src, '.'));

   // Teste les dimensions tenant dans la zone
   $test_h = round(($dst_w / $src_w) * $src_h);
   $test_w = round(($dst_h / $src_h) * $src_w);
   // Si Height final non précisé (0)
   if(!$dst_h) $dst_h = $test_h;
   // Sinon si Width final non précisé (0)
   elseif(!$dst_w) $dst_w = $test_w;
   // Sinon teste quel redimensionnement tient dans la zone
   elseif($test_h>$dst_h) $dst_w = $test_w;
   else $dst_h = $test_h;

   // La vignette existe ?
   $test = (file_exists($img_dest));
   // L'original a été modifiée ?
   if($test)
   {
    $test = (filemtime($img_dest)>filemtime($img_src));
}
   // Les dimensions de la vignette sont correctes ?
   if($test) {
    $size2 = getimagesize($img_dest);
    $test = ($size2[0]==$dst_w);
    $test = ($size2[1]==$dst_h);
   }

   // Créer la vignette ?
   if(!$test) {
    // Crée une image vierge aux bonnes dimensions
    $dst_im = imagecreatetruecolor($dst_w,$dst_h);

    // Copie dedans l'image initiale redimensionnée
    if ($ext == 'jpg' || $ext=='JPG')
    $src_im = imagecreatefromjpeg($img_src);
   else if ($ext == 'gif')
    $src_im = imagecreatefromgif($img_src);
   else if ($ext == 'png')
    $src_im = imagecreatefrompng($img_src);
   else{
    die ('Une erreur est survenue dans le format de l\'image. Veuillez contacter un administrateur');
    }

    imagecopyresized($dst_im,$src_im,0,0,0,0,$dst_w,$dst_h,$src_w,$src_h);
imagecopyresampled($dst_im,$src_im,0,0,0,0,$dst_w,$dst_h,$src_w,$src_h);

    // Sauve la nouvelle image
    if ($ext == 'jpg' || $ext=='JPG')
    imagejpeg($dst_im,$img_dest);
   else if ($ext == 'gif')
    imagegif($dst_im,$img_dest);
   else
    imagepng($dst_im,$img_dest);

chmod("$img_dest",0777);

    // Détruis les tampons
    imagedestroy($dst_im);
    imagedestroy($src_im);
   }

   // Affiche le descritif de la vignette, décommentez si vous voulez que la fonction renvoit cela à la suite de son exécution
   //return 'width="'.$dst_w.'" height="'.$dst_h.'" alt="'.$alt.'" title="'.$title.'" />';
}

//si pas d'action définie, j'affiche la page d'accueil de la galerie
if (empty($_GET['action']))
{$action = "accueil";}
else { $action=$_GET['action']; }



//listing des repertoires pour les afficher dans un select present sur toutes les pages
$directoryListing = "Les photos";
$noDir = "aucun répertoire"; //message d'erreur si aucun repertoire dans le dossier

$dir="photos"; //repertoire où sont stockée les sous repertoires des photos
$rep=opendir($dir);
rewinddir($rep);
?>
<center><form name="form1" method="post" action="galerie.php?page=galerie.php&action=affichephotos" class="texte">
<select name="dossier" onchange="this.form.submit();">
        <option value=""></option>
<?
//$bAuMoinsUnRepertoire = false;
while ($file = readdir($rep)){
if($file != '..' && $file !='.' && $file !='' && $file !='Thumbs.db'){
//if (is_dir($file)){
$bAuMoinsUnRepertoire = true;
?>
<option value="<? echo "$file"; ?>" <? if(isset($_POST['dossier']) && $_POST['dossier']=="$file") { echo "selected=\"selected\""; }
if(isset($_GET['dossier']) && $_GET['dossier']=="$file") { echo "selected=\"selected\""; } ?>><? echo "$file"; ?></option>
<?
//}
}
}
echo "</select></form></center>";
if ($bAuMoinsUnRepertoire == false) {
print("<tr><td nowrap class='texte'><div align='center'>-  $noDir  -</div></td>");
print("</td></tr>");
}
//on ferme le repertoire et on libère la mémoire
closedir($rep);
clearstatcache();

//affichage de la page d'accueil de la galerie si pas d'action définie
if($action=="accueil")
{
echo '<p class="texte">   </p>';
}
/*
**
//affichage galerie
**
*/
function isImg ($file){if (eregi(".jpg$",$file)){return true;}} // Fonction de verification des fichiers jpeg

//si action=affiche photos on affiche la page des miniatures de la galerie selectionnée
if($action=="affichephotos")
{
if(isset($_GET['dossier']))
{
$dossier=$_GET['dossier'];
}
if(isset($_POST['dossier']))
{
$dossier=$_POST['dossier'];
}
$repImg = "photos/$dossier"; // Repertoire des images
$handle = opendir("$repImg"); // On ouvre le repertoire des images
while ($file = readdir($handle))
    {
if ($file != "." && $file != ".." && isImg ($file))
        {
//on crée le dossier de miniatures avec @ pour éviter message d'erreur si il n'existe pas!
@mkdir("mini/$dossier");
//chmod("mini/$dossier",0777);
//on enregistre la miniatures dans le dossier mini, dans un sous repertoire portant le meme nom et avec le prefixe mini
redimage("$repImg/$file","mini/$dossier/mini_$file",100,100,"test","test");
$listImg[] = $file; // On place toutes les images du dossier dans le tableau $imgList
        sort($listImg);}} // On classe les fichiers dans l'orde alphabetique (c'est plus mieux ;D) )
closedir($handle); // On ferme le repertoire des images
  
// presentation de la page
$lien = "galerie.php?page=galerie.php&action=affichephotos&dossier=$dossier&"; // Liens pour afficher votre page
//on teste si un numero de la galerie a été envoyé par la barre d'adresse pour l'affichage sur plusieurs pages des miniatures
if (empty($_GET['Galerie']))
{$Galerie = 1;}
else { $Galerie=$_GET['Galerie']; }
$precGalerie = $Galerie-1; // Galerie precedente
$suivGalerie = $Galerie+1; // Galerie suivante
  
$nbImg = count($listImg); // Compte le nombre d'image
$nbLigne = 4; // Nombre de ligne souhaité
$nbCol = 4; // Nombre de colonne souhaité
$nbImgParPg = $nbLigne*$nbCol; // Calcul du nombre d'image par page en fonction des parametres précédents
$nbGalerie = $nbImg/$nbImgParPg; // Calcul du nombre de galerie
$nbGalerie = ceil("$nbGalerie"); // Calcul du nombre de galerie, arrondi superieur du calcul
$numImg = ($Galerie*$nbImgParPg)-$nbImgParPg; // Compteur pour le tableau $imgList
   //affichage de tableau contenant les miniatures
echo '<table border="0" cellspacing="5" cellpadding="3" width="95%" align="center" class="texte">';
  
$comptLigne = 0; // Mise a zero du compteur de lignes
while ($comptLigne < $nbLigne)
       {
echo '<tr>';
         $comtpImg = 0; // Mise a zero du compteur d'images
         while ($comtpImg < $nbCol && $numImg < $nbImg)
{
   echo '<td align=center><a target=blank href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" border="0" width="50" height="50"></a></td>';
               //changez la ligne ci-dessus pour la taille des miniatures
$numImg++; // Incremantation du compteur de $imgList (each() et foreach() etait beaucoup moins pratique :D( )
               $comtpImg++; // Incremantation du compteur d'images
             }
         echo '</tr>';
         $comptLigne++; // Incremantation du compteur de lignes
       }
//afichage de la barre de navigation
echo '</table><table width="100%" border="0" class="texte"><tr><td colspan="$nbCol" align="center" width="100%">';
for ($compt = 1; $compt <= $nbGalerie && $nbGalerie > 1; $compt++)
     {echo '| <a href="'.$lien.'Galerie='.$compt.'">'.$compt.'</a> ';}
if ($nbGalerie > 1)
{echo' | ';}
echo '</td></tr><tr><td width="50%" align="left">';
if ($Galerie > 1)
     {echo '<a href="'.$lien.'Galerie='.$precGalerie.'">Precedent</a> ';} // Lien "precedent"
echo ' </td><td width="50%" align="right">';
if ($Galerie < $nbGalerie)
     {echo '<a href="'.$lien.'Galerie='.$suivGalerie.'">Suivant</a>';} // Lien "suivant"
echo '</td></tr></table></td></tr></table>';
}
?>

</tr>
</table>
    
</div>
<div id="content_main_galerie_bas">
</div>
</div>

<div id="footer">Girouettes et enseignes ALL DESIGN</div>
</div>
</body>
</html>

Commentaire de twisteurwin le 02/02/2010 20:07:19

Maeva/kimiwelle > Ok la Malokaff ta crée un form fonctionnel tant mieux donc pour répondre a tes questions:

-> "1.1 j'aimerais qu'on voit bien dans la barre de sélection les 2 rubriques que j'ai créé. elles sont pas très lisibles et je sais pas pourquoi?"

> la réponse est dans ton fichier CSS ici => (http://gs.com.free.fr/GIROUETTES/sources/styles_girouettes.css):
----------------------------------------------------------------
dans le code du fichier css:
----------------------------------------------------------------
select
{
height:22px;
width:100px;
}
----------------------------------------------------------------
> tu as obligé aux champs <select> via ton CSS a les faire s'afficher à 100px en largueur et 22 pixels en hauteur, normal hein le mot est plus large que 100px !
>> Solution : virer cette portion de code de ton css ou modifie le  en largueur (ex: 200px...)
----------------------------------------------------------------
exemple - dans le code du fichier css:
----------------------------------------------------------------
select
{
height:22px;
width:200px;
}
----------------------------------------------------------------
-> "1.2 il y a un problème similaire avec la numérotation des pages, et l'emplacement des suivant et précédent"

> C'est encore toi qui a défini ca dans ton css "interne à la page" en mettant <td width="50%" align="left"..><a href="..">suivant</a>

>> Solution diminue le width tu verras ca va se rapprocher
----------------------------------------------------------------
exemple - dans le code php:(cherche la meme ligne et corrige)
----------------------------------------------------------------
ca:
echo '</td></tr><tr><td width="50%" align="left">';
par ca:
echo '</td></tr><tr><td width="10%" align="left">';

et

ca:
echo ' </td><td width="10%" align="right">';
par ca:
echo ' </td><td width="10%" align="right">';
----------------------------------------------------------------
-> "2. j'aimerai agrandir les miniatures, elles sont trop petites par rapport à mon besoin."

> les miniatures sont des images donc il te faut repérer la balise image <img> dans la source de ton code php hein ^^

>> solution => va a la ligne correspondante de ton code php :
----------------------------------------------------------------
exemple - dans le code php:(cherche la meme ligne et corrige)
----------------------------------------------------------------
ca:
   echo '<td align=center><a target=blank href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" border="0" width="50" height="50"></a></td>';
//changez la ligne ci-dessus pour la taille des miniatures
par ca:
   echo '<td align=center><a target=blank href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" border="0" width="100" height="100"></a></td>';
//changez la ligne ci-dessus pour la taille des miniatures
----------------------------------------------------------------
>> solution (suite) => et change comme c'est marqué width="50" height="50" par ce que tu veux (100 par ex)

-> "3. j'aurai aimé qu'elles s'ouvrent dans une lightbox ou éventuellement dans une frame..."

> Surtout pas une frame malheur !!! oublies les frames ca n'existe pas c'est obsolète !!! ( tu fais déjà assez d'erreur comme ca...)
> Quand tu cliques sur ta miniature d'image elle s'affiche dans une page blanche hein et tu la vois calée en haut a gauche, ok ?

>> Solution => , donc le principe pour répondre à ta question serait de donner au lien un parametre javascript qui te permetrait d'ouvrir la photo en "grande" mais dans une "popup"

>> le lien en question => <a target=blank href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" border="0" width="50" height="50"></a>

>> avec une popup (ce que tu voulais):

   echo '<td align=center><a onclick="window.open(this.href, \'Grande',\'height=400,width=400,top=100,left=100\');return false;"
href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" target="blank" border="0" width="100" height="100" ></a></td>';
               //changez la ligne ci-dessus pour la taille des miniatures


Bref j'espère que tu as compris cette fois ci mais je vois que t'es vraiment trop débutante tu devrais aller dans un premier temps te former un peu apprendre les bases du php, css mais aussi en xhtml parce que le code ci dessus (désolé) est vraiment pas un bon model surtout si on débute...

tiens un bon lien pour apprendre => http://www.vulgarisation-informatique.com/
Ou bien épluche un peu les tutos sur CS y en a pleins, mais reste pas comme ca faut apprendre les bases :)

a+++

Commentaire de kimiwelle le 02/02/2010 22:07:48

merci beaucoup pour ton aide...

ca m'a beaucoup aidé.

Commentaire de malokaff le 03/02/2010 22:00:44

hello,

merci twisteurwin pour ton expertise!

moi même j'aurais du mal à me replonger dedans parceque c'est un vieux script que j'ai pondu en 2006!

merci en tout cas pour l'interet que vous portez sur ce script

avec du recul et plus d'expérience, il aurait fallu que j'integre une partie "constante" pour pouvoir changer facilement certains parametre comme le nom de la page utilisé (par défault index.php)

mais bon, j'étais jeune et insouciant...

Kimiwelle, j'ai bien recu ton MP, je te reponds au plus vite

A+

Commentaire de kimiwelle le 04/02/2010 01:52:42

Bonsoir,

j'ai bien changé le code, mais ca s'ouvre pas en pop up.
et visiblement le "\" entre Grande et height ne lui plait pas...

   echo '<td align="center"><a onclick="window.open(this.href, \'Grande',\'height=600,width=600,top=100,left=100\');return false;"
href="'.$repImg.'/'.$listImg[$numImg].'"><img src="mini/'.$dossier.'/mini_'.$listImg[$numImg].'" target="blank" border="0" width="100" height="100" ></a></td>';
               //changez la ligne ci-dessus pour la taille des miniatures

Je regarderai plus en détail demain...

merci encore pour ton aide.
j'ai pas mal avancé dans ma présentation, et il ne me reste plus que ce problème de pop up