Créer diaporama

<DIV ID=ejs_photo_box></div>
<script type="text/javascript">
ejs_photo = new Array;
<?php
 
$a = 0;
$handle = opendir("photos"); // Pense  mettre le vrai nom de ton dossier ici

         $dir = opendir("photos");
         while($file = readdir($dir)){
            if(!in_array($file,array(".",".."))){
               $files_array[] = $file;
            }
         }
         natcasesort($files_array);
         foreach($files_array as $file)
  {
  echo "ejs_photo[$a] = 'photos/$file';"; 
  $a++;
  }

closedir($handle); 
?> 
 
function ejs_aff_photos(num)
 {
 if(document.getElementById)
  {
  ejs_fin = "";
  if(num!=0)
   ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num-1)+");return(false)'>< Précédent</A>     ";
  if(num!=(ejs_photo.length-1))
   ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'>Suivant ></A>";
  document.getElementById("ejs_photo_box").innerHTML = "<CENTER> "+ejs_fin+" <BR><IMG SRC='"+ejs_photo[num]+"' BORDER=0 ><BR> "+ejs_fin+" </CENTER>";
  }
 }
window.onload = new Function("ejs_aff_photos(0)")
 
</script>

#ejs_photo_box {
height : auto;
margin : 30px;
padding : 20px;
text-align : center;
border: 1px solid #99CCFF;
background-color: #99FFFF;
}

#ejs_photo_box a {
font-size : 20px;
color : #ff6600;
font-weight : bold;
text-decoration : none;
margin : 20px;
text-align : center;

}

#ejs_photo_box a:hover {
color:#FF3300;
background-color:#FFFFFF;
letter-spacing:2px;
}

#ejs_photo_box img {
border: 1px solid #99CCFF;
min-width:300px;
min-height:300px;
max-width: 80%;
margin : 20px 0 20px 0;
}