Afficher les image d'un dossier
alexthekiller
Messages postés
91
Statut
Membre
-
alexthekiller Messages postés 91 Statut Membre -
alexthekiller Messages postés 91 Statut Membre -
Bonjour,
je suis entrain de faire ma page pour afficher les image ,
mon problème c'est que je ne c'est pas comment faire pour afficher les image d'un dossier au lieu d'écrire a chaque sur la page.
exemple de ma page actuel pour afficher limage:
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
</div>
</div>
es-que quelle qu'un peu m'aider sur sa?
merci d'avance
je suis entrain de faire ma page pour afficher les image ,
mon problème c'est que je ne c'est pas comment faire pour afficher les image d'un dossier au lieu d'écrire a chaque sur la page.
exemple de ma page actuel pour afficher limage:
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
<figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
</div>
</div>
es-que quelle qu'un peu m'aider sur sa?
merci d'avance
3 réponses
-
bonjour,
tu as des galeries toutes faites en javascript, tu devrais prendre ça, ça va te simplifier la vie et faire un rendu très sympa -
enfait mon objectir c'est de sadapté avec mon théme et de ne pas changer
-
j'ai testé se code:
<?php
// url du fichier qui contient les images
$urlphoto = "data/images";
// nom du répertoire qui contient les images
$nomRepertoire = "data/images";
if (is_dir($nomRepertoire))
{
$dossier = opendir($nomRepertoire);
while ($Fichier = readdir($dossier))
{
if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
{
// Hauteur de toutes les images
$h_vign = "120";
$taille = getimagesize($nomRepertoire."/".$Fichier);
$reduc = floor(($h_vign*100)/($taille[1]));
$l_vign = floor(($taille[0]*$reduc)/100);
echo '<a target="_blank" href="', $urlphoto, '/',$Fichier, '">';
echo '<img src="', $urlphoto, '/',$Fichier, '" ';
echo "width='$l_vign' height='$h_vign'>";
echo "</a> ";
}
}
closedir($dossier);
}else{
echo' Le répertoire spécifié n\'existe pas';
}
?>
m'ai le pb c'est quand je met le code dans page php sa marche mai quand je met se code dans html:
exemple:
<html>
<body>
<?php
// url du fichier qui contient les images
$urlphoto = "data/images";
// nom du répertoire qui contient les images
$nomRepertoire = "data/images";
if (is_dir($nomRepertoire))
{
$dossier = opendir($nomRepertoire);
while ($Fichier = readdir($dossier))
{
if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
{
// Hauteur de toutes les images
$h_vign = "120";
$taille = getimagesize($nomRepertoire."/".$Fichier);
$reduc = floor(($h_vign*100)/($taille[1]));
$l_vign = floor(($taille[0]*$reduc)/100);
echo '<a target="_blank" href="', $urlphoto, '/',$Fichier, '">';
echo '<img src="', $urlphoto, '/',$Fichier, '" ';
echo "width='$l_vign' height='$h_vign'>";
echo "</a> ";
}
}
closedir($dossier);
}else{
echo' Le répertoire spécifié n\'existe pas';
}
?>
</body>
</html>
sa me met :
'; echo '"; echo " "; } } closedir($dossier); }else{ echo' Le répertoire spécifié n\'existe pas'; } ?>
------------------------------------------------------------------------------------------------------------
« Quelle prétention de prétendre que l'informatique est récente : Adam et Eve avaient déjà un Apple ! »