Ed ecco la versione definitiva del codice per generare automaticamente una semplice galleria di immagini disposte all'interno di una tabella formata da due colonne.
La difficoltà è quella di disporre le immagini dispari nella colonna di sinistra e quelle pari nella colonna di destra. Ovviamente l'altra difficoltà è quella che se le immagini sono in numero dispari, non deve essere inserita l'immagine nella colonna di destra nell'ultima riga (metterla non cambierebbe nulla, ma non è elegante e ci sarebbe un link "invisibile"). L'unico modo per poter gestire questo comportamento è quella di inserire le immagini all'interno di un vettore (o array) e utilizzare un indice per gestire le immagini da inserire nella colonna di sinistra o di destra.
Nella prima parte del codice ho inserito un contatore per contare le immagini e "contare" in modo dinamico il numero di righe della tabella necessarie a contenere tutte le immagini.
Ma veniamo al codice:
Creare una semplice galleria di 2 colonne</br>
Ci sono 0 immagini nella galleria</br>
Ci vogliono 0 righe della tabella
<table>
<tr>
<td>
<a href="" rel="lightbox">
<img src="" style="padding:5px;" />
</br>
<p></p>
</a>
<td>
<a href="" rel="lightbox">
<img src="" style="padding:5px;" />
</br>
<p></p>
</a>
</tr>
<tr>
<td>
<a href="" rel="lightbox">
<img src="" style="padding:5px;" />
</br>
<p></p>
</a>
<td>
<a href="" rel="lightbox">
<img src="" style="padding:5px;" />
</br>
<p></p>
</a>
</tr>
</table>
Mi raccomando... fatene buon uso...
... e buona programmazione!