<table>
<?php
$dossier = 'images/gallerie';

        if(!is_dir($dossier)) return false;
    $ouvrir=opendir($dossier);
        while(false !==($file = readdir($ouvrir)))
        {
                echo '<tr>';
                if($file != '.' && $file != '..')
                                        {
                                                if(is_file($dossier.'/'.$file))
                                                {
                                                        $file1 = explode('.', $file);
                                                        echo '<td class="info"><img src="'.$dossier.'/'.$file.'" alt="'.$file.'" ',redimage($dossier.'/'.$file, '100', '100'),'/><span><h4 class="centrer">'.$file1[0].'</h4><br/><img src="'.$dossier.'/'.$file.'" alt="image"/></span></td>  ';
                                                }
                                        }
                $i = 0;
                while($i < 4)
                {
                        $i++;
                        if(false !==($file = readdir($ouvrir)))
                        {
                                if($file != '.' && $file != '..')
                                        {
                                                if(is_file($dossier.'/'.$file))
                                                {
                                                        $file1 = explode('.', $file);
                                                        echo '<td class="info"><img src="'.$dossier.'/'.$file.'" alt="'.$file.'" ',redimage($dossier.'/'.$file, '100', '100'),'/><span><h4 class="centrer">'.$file1[0].'</h4><br/><img src="'.$dossier.'/'.$file.'" alt="image"/></span></td>  ';
                                                }
                                        }
                        }
                }
                echo '</tr>';
        }
?>
</table>

/*-------------------------------------------------------*/
/*SYSTEME D'INFOBULLE*/
/*-------------------------------------------------------*/
td.info {
   position:relative;
   color: black;
   text-decoration: none;
   width:auto;
}
td.info span {
   display: none; /* on masque l'infobulle */
}
td.info:hover {
   position:relative;
   background: none; /* correction d'un bug IE */
   z-index:500; /* on définit une valeur pour l'ordre d'affichage */
}
td.info:hover span {
   display:inline; /* on affiche l'infobulle */
   position:absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top:10px;
   left:-20px;
 
   z-index:600;

   background-color:white;

   color: #0d4077;
   padding: 3px;

   border: 1px solid #0d4077;
   border-left: 4px solid #0d4077;
}