Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/hystrixlab/hystrixlab.net/funzioni.php on line 79
top
Una semplicissima galleria di immagini in PHP
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
scritto da: mambo
il 2008-09-21

tux.jpg
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' esempio

Supponiamo 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.
footer

Warning: mysql_fetch_row(): supplied argument is not a valid MySQL result resource in /home/hystrixlab/hystrixlab.net/funzioni.php on line 47
HystrixLab
è un´azienda che si occupa di free software, realizzazione siti internet, software e programmi per uso desktop, lato client e lato server, database e gestionali personalizzati. Noi crediamo fermamente nel software libero e nella libera divulgazione dei saperi, queste convinzioni ci sono nate soprattutto dall´esperienza accumulata dai nostri grafici e programmatori nell´esercizio della professione. Come ribadito più volte nel sito, chi usa il free software garantisce di persona la qualità del prodotto, per ogni riga di codice. Tutti i nostri software e prodotti sono rilasciati con licenza GPL o LGPL
footer

GNU

Valid XHTML 1.0 Transitional

CSS Valido!

php apache
mysql gimp
inkscape



Add to Google

footer