Ecco come sviluppare una semplice galleria di immagini in php senza l'ausilio del database e con un pò di buona volontà, è richiesta solo la conoscenza dell'html di base, nel frattempo guardate l'
esempioSupponiamo che vogliate mettere una bella galleria di immagini con anteprima ma che non conosciate né javascript né actionScript né altri linguaggi di scripting lato client.
Supponiamo inoltre che voi abbiate già preparato le immagini con le anteprime, nell'esempio che segue ho scelto le anteprime da 50x50 pixel e le immagini con una larghezza massima di 500 pixel.
importante: Il vostro file html dovrà essere salvato con estensione .php le icone dovranno avere lo stesso identico nome della corrispondente immagine grande con l'aggiunta di -ico al nome, cioè se voglio mettere in galleria l'immagine 'flora.jpg' dovrò creare anche una corrispondente icona 'flora-ico.jpg' di dimensioni 50x50 pixel,
entrambe in ogni caso dovranno avere l'estensione .jpg, non vanno bene come estensioni né .JPG né .jpeg.Quindi supponiamo che voi abbiate preparato e messo sul server le seguenti immagini con le corrispondenti icone:
flora.jpg e flora-ico.jpg
tux.jpg e tuc-ico.jpg
gnu.jpg e gnu-ico.jpg
aurora.jpg e aurora-ico.jpg
una galleria quindi composta di 4 immagini (ma possono essere infinite).
Nel frattempo avrete preparato una cartella sul vostro server in cui avete 'uploadato' le immagini della galleria, chiaramente dovete conoscere l'URL della cartella, in questo caso ho scelto di metterle nella cartella immagini di HystrixLab, dunque l'URL della cartella sarà:
http://www.hystrixlab.net/script/immagini
La galleria è composta di una colonna laterale che contiene le anteprime ed un'area dove una volta cliccata l'anteprima comparirà l'immagine scelta.
Parlando in termini di html si tratta di una tabella dove nella prima colonna compaiono le anteprime e nella seconda per l'appunto le immagini grandi.
A questo punto copiate questo script nel punto del codice in cui volete la galleria:
<table>
<tr>
<td valign="top" style="width:80px;">
<div>
<?php
//URL della cartella in cui avete messo le immagini (in questo caso chiaramente su hystrixlab.net):$indirizzo="http://www.hystrixlab.net/script/immagini";
//
elenco delle immagini che compariranno, come potete vedere sono divise tra di loro da tre asterischi.$elenco = "flora***tux***gnu***aurora";
//ora dovete dividere l'elenco delle foto:$foto = explode("***", $elenco);
//e contarlo$quante=count($foto);
//a questo punto create le icone:for($i=0;$i<=$quante-1;$i++){
echo "<div>";
echo "<a href="galleria.php?foto=".$foto[$i]."" style="border:none;">";
echo "<img src="".
$indirizzo/$foto[$i]."-ico.jpg" style="border:none;" />";
echo "</a>";
echo "</div>";
};
?>
</td>
<td valign="top">
<?php
//Qua carica la prima foto dell'elenco se non avete cliccato nulla//altrimenti carica l'immagine corrispondente all'icona cliccata
if($_GET[foto]==""){$imm=$foto[0];}else{$imm=$_GET[foto];};
echo"<div style="margin-top:0px;">";
echo"<img src="":$indirizzo/$imm."jpg" alt="".$imm.""/>";
echo"</div>";
?>
</td>
</tr>
</table>
Salvate il vostro html con estensione .php e la galleria funziona!
Per personalizzarla e metterci le vostre immagini non dovrete fare altro che cambiare l'elenco e l'indirizzo.