24 Miniature con zoom

Pubblicato il di

Ecco il codice:

<html>
<style>
   td {border: 1px solid red;}
   img {height: 100px; width: 100px;}
</style>

<?php
$elencoJPG = glob("images/*.jpg");
   echo "<table>\n";
   for ($miniatura=0; $miniatura<count($elencoJPG); )
   {
      echo "<tr>\n";
      for ($suQuestaRiga=0; $suQuestaRiga<4 && $miniatura<count($elencoJPG); $miniatura++,$suQuestaRiga++)
         echo "<td> <img id='$miniatura' src='$elencoJPG[$miniatura]' onmouseover='zoom(this,200);' onmouseout='zoom(this,100);' /> </td>";

      echo "</tr>\n";
   }
   echo "</table>\n";

?>
<script type="text/javascript">
   function zoom(chi, quanto)
   {
      chi.style.width=quanto+'px';
      chi.style.height=quanto+'px';
   }
</script>

</html>

La funzione glob prende tutti i files dichiarati (images/*.jpg) e restituisce un elenco di valori (un array)