Ce code lis les photos (dans le rep /pics) et créer un index dans le repertoire pics/index/
Tout est expliqué dans le code
Source / Exemple :
<body bgcolor="#000000" link="#FFFFFF" text="#CCCCCC">
<script language="JavaScript">
var onmodivinf=0;
function highlightit(menu){
if (menu.filters.alpha.opacity<95)
menu.filters.alpha.opacity+=10;
else if (window.highlighting)
clearInterval(highlighting);
}
function HideDiv() {
if(onmodivinf==0){
document.getElementById('dvinfuser').style.visibility="hidden";
document.getElementById('dvinfuser').filters.alpha.opacity=20;
}
}
function ShowDiv() {
document.getElementById('dvinfuser').style.top=10; //Apparition du Calque
document.getElementById('dvinfuser').style.left= 10; //Apparition du Calque
document.getElementById('dvinfuser').style.visibility="visible"; //Apparition du Calque
highlighting=setInterval("highlightit(document.getElementById('dvinfuser'))",1);
}
</script>
<?php
/*
EXPLICATION SUR LES PARAMETRES D_URL
-------------------------------------
$path: Chemin du fichier vers le repertoire des images
Le code va créer les images index a la volé dans le repertoire $path/index
Si ce repertoire n existe pas, le code le créer automatiquement.
S'il n'y a aucun path, cela veut dire que les images sont au même niveau que le fichier PHP
$mode: Il est optionnel, si vous ne passez rien en paramètre d URL, $mode vaut 1
Le mode 1 affiche la gallerie et créer l index si elle n est pas créer (a faire en premier)
Le mode 2 sert a afficher le diaporama. Il est impératif de faire fonctionner en mode 1 avant le mode 2
De toute facon en passant par le mode 1 (gallerie) et en cliquant sur une image de cette gallerie
Le code ouvre une nouvelle page (mais en fait le meme fichier PHP mais en mode 2) pour afficher le diaporama
des images en taille réel
/*--------------------------.
\ /
/ FONCTIONS \
\ /
/ \
°--------------------------*/
function compare($a, $b) {
if ($a['fileheight'] == $b['fileheight'])
return 0;
return ($a['fileheight'] > $b['fileheight']) ? -1 : 1;//Décroissant
}
function extens($filetyp, $filename) {
$ext=strrchr($filename,'.');
$ext=substr($ext,1);//On enlève le point
if($ext==FALSE) return 0;//Si pas d'extension
if($filetyp!="2") return 0;
else return $ext;
}
function koctet($nombre,$n) {
$nbarr =trim(number_format($nombre/1024,$n,".",""));//1ko= 1024 octets
return $nbarr;
}
function TriTab($rep){
//PARAMS/////////////////////////////////////////////////////
$dir = opendir($rep);
$tab=array();
$i=0;
//MOTEUR////////////////////////////////////////////////////
while ($f = readdir($dir)) {
if(is_file($rep.$f)) {
$fileinf =getimagesize($rep.$f);
$ex= extens($fileinf[2], $rep.$f);
if($ex !==0) {
$tab[$i]['filewidth'] =$fileinf[0];
$tab[$i]['fileheight'] =$fileinf[1];
$tab[$i]['filetag'] =$fileinf[3];
$tab[$i]['filename'] =$f;
$tab[$i]['filetyp'] =$ex;
$tab[$i]['filesize'] =koctet(filesize($rep.$f),1);
$i++;
}
}
}
closedir($dir);
//Tri sur le TAB///////////////////////////////////////////
if (count($tab) >1) usort($tab, "compare");//appel de la fonction compare() en récursif
return $tab;
}
function TxtIMG($txt) {
$max=10; //Nombre max de caractères.
$ok = ereg("^(.+)\.(.+)$", $txt, $items);
if ($ok) {
$namfile=$items[1] ; $extfile=$items[2] ;
}
if(strlen($namfile)>$max) {
$txt=substr($namfile,0,$max)."[..]".".".$extfile;
}
return ucfirst(ltrim($txt));
}
/////////////////////////////////////////////////////////////////////////////////////////////////
/*--------------------------------------------------.
\ \
/ Création d_index d'image JPG /
\ With params: GET: $mode et $fix ou $img \
/ Without params: $mode=1 $fix=1 /
\ Obligatoire: $path ex: images/ \
/ /
°--------------------------------------------------*/
//Initialisation/////////////////////////////////////////
$phpself=$_SERVER['PHP_SELF'];
if(!isset($_GET['mode'])) $mode=1;
if(!isset($_GET['path'])) $path="";
//GET////////////////////////////////////////////////////
if(isset($_GET['mode'])) $mode=$_GET['mode'];
if(isset($_GET['fix'])) $fix=$_GET['fix'];
if(isset($_GET['img'])) $img=$_GET['img'];
if(isset($_GET['path'])) $path=$_GET['path'];
///////////////////////Initialisation////////////////////
//Constantes
$repimg=$path;
$repind=$repimg."index/";
if(is_dir($repimg)){
if(!is_dir($repind)){
mkdir($repind);//Si le repertoire $path/pics/index n'est pas créer
echo("Création du répertoire $repind<br />");
}
}
else exit("Problème d'ouverture de répertoire d'image<br />Le repertoire $repimg n'existe pas!");
$compt_img=16;
$saut_ln_img=4;
////////////////////////////////////////////////////////
/*--------------------------.
\ /
/ INDEX \
\ /
/ \
°--------------------------*/
if($mode==1){
/********************************************************************************************************/
/*--------------------------.
\ /
/ Fabrication \
\ de l_image index /
/ \
°--------------------------*/
$tabfile =TriTab($repimg);
$log="";
if(count($tabfile)>0) {
while (list ($key, $value) = each ($tabfile)) {
//header ("Content-type: image/jpg");
//Création de la miniature
$nmimg=$value['filename'];
$fSrc = "$nmimg";
$imgRdm = "$repind"."$fSrc";
$lDest = 110;
if(!file_exists($imgRdm)){
$src = ImageCreateFromJpeg($repimg.$fSrc);
$lSrc = imagesx($src);
$hSrc = imagesy($src);
$hDest = ($hSrc*$lDest)/$lSrc;
$im = ImageCreateTrueColor ($lDest, $hDest) or die ("Erreur lors de la création de l'image");
$blanc = ImageColorAllocate ($im, 0, 0, 0);
$gris[0] = ImageColorAllocate ($im, 90, 90, 90);
$gris[1] = ImageColorAllocate ($im, 110, 110, 110);
$gris[2] = ImageColorAllocate ($im, 130, 130, 130);
$gris[3] = ImageColorAllocate ($im, 150, 150, 150);
$gris[4] = ImageColorAllocate ($im, 170, 170, 170);
$gris[5] = ImageColorAllocate ($im, 190, 190, 190);
$gris[6] = ImageColorAllocate ($im, 210, 210, 210);
$gris[7] = ImageColorAllocate ($im, 230, 230, 230);
for ($i=0; $i<=7; $i++) {
ImageFilledRectangle ($im, $i, $i, $lDest-$i, $hDest-$i, $gris[$i]);
}
ImageCopyResampled($im, $src, 8, 8, 0, 0, $lDest-(2*8), $hDest-(2*8), $lSrc, $hSrc);
$txt=TxtIMG($fSrc);
ImageString($im, 0, 8, $hDest-8, "$txt", $blanc);
ImageJpeg ($im, $imgRdm);
$log.="Image miniature générée: $imgRdm<br />";
}
}echo $log;
}
/********************************************************************************************************/
/*----------------------.
\ /
/ Création \
\ de l_index /
/ \
°----------------------*/
//initialisation de la variable $fix
if(!isset($fix)) $fix=1;
//comptage des images
if(!isset($jmax)){
$tabimg =TriTab($repind);
$jmax=count($tabimg);
}
//affichage de l'index
echo("<div align=\"center\">");
$indimg="";
if($jmax>0){
for($j=$fix-1;$j<$fix+$compt_img-1;$j++){
if($j<$jmax){
$pathimg=$repind.$tabimg[$j]['filename'];
$tagimg=$tabimg[$j]['filetag'];
$indimg.="<a href=\"$phpself?img=$j&mode=2&path=$repimg\" target=\"_blank\"><img src=\"$pathimg\" $tagimg alt=\"Cliquer sur l'image pour l'agrandir\" border=\"0\" /></a> ";
//condition pour le saut de ligne au bout de n photos
if(($j+1)%$saut_ln_img==0) $indimg.="<br />";
}else break;
}echo($indimg."</div>");
}
//condition pour le changement de page au bout de n photos
echo("</TD></TR><TR><TD><div align=\"center\">");
$nb_page=ceil($jmax/$compt_img);
for($k=1;$k<=$nb_page;$k++){
if($k!=($fix+$compt_img-1)/$compt_img){
$kimg=(($k-1)*$compt_img)+1;
echo("<a href=\"$phpself?fix=$kimg&mode=$mode&path=$repimg\"><font face=\"Times New Roman\" size=\"4\">[$k]</font></a>");
}else echo("<font face=\"Times New Roman\" size=\"4\">[$k]</font>");
}
echo("</div><br />");
/********************************************************************************************************/
}//Fsi: mode=1
////////////////////////////////////////////////////////
/*--------------------------.
\ /
/ IMAGES \
\ /
/ \
°--------------------------*/
else if($mode==2){
$tabind =TriTab($repind);
$pics=$repimg.$tabind[$img]['filename'];
$inf=$img-1;
$sup=$img+1;
if(file_exists($pics)){
echo("<img src=\"$pics\" border=\"0\" onmouseover=\"ShowDiv();\" onclick=\"HideDiv();\" /><br />");
}
echo("<div align=\"center\" id=\"dvinfuser\" style=\"visibility:hidden; position:absolute; filter:alpha(opacity=20);\" onMouseOver=\"javascript: onmodivinf=1\" onMouseOut=\"javascript: onmodivinf=0\">");
if($inf>=0){
echo("<a href=\"$phpself?img=$inf&mode=$mode&path=$repimg\"><img src=\"arriere.gif\" border=\"0\" width=\"50\" height=\"50\" alt=\"Image précédente\" /></a>");
}
if($sup<count($tabind)){
echo("<a href=\"$phpself?img=$sup&mode=$mode&path=$repimg\"><img src=\"avant.gif\" border=\"0\" width=\"50\" height=\"50\" alt=\"Image suivante\" /></a>");
}
echo("</div>");
}
?>
Conclusion :
Il faut appeler votre fichier php comme vous voulez je viens d'updater. Attention le chemin doit etre complet:
En effet si vous appelez votre fichier index.php dans le dossier img de mon exemple et que vous l'appelez comme ca
http://www.xyz.com/img
Vous allez avoir une erreur:
il faut appeler votre fichier:
http://www.xyz.com/img/index.php
Sans oublier de passer le paramètre path si vos photos ne sont pas dans le même rep que le fichier index.php
Par ex si votre dossier d'images est a l'URL
http://www.xyz.com/img/pics/ et que le fichier index.php est a l'URL
http://www.xyz.com/img/
Votre URL d'appel sera:
http://www.xyz.com/img/index.php?path=pics/
VOILI!
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.