Photogallery PHP e Javascript

Visualizza la photogallery - Download photogallery

Per accederre al pannello di controllo dalla photogallery aggiungere "mod" alla barra dell'indirizzo o sostituire da questa pagina "photogallery.php" con "mod" nella barra dell'indirizzo.

Caratteristiche photogallery

• slide show con dissolvenza incrociata e link all’immagine a grandezza originale;
• thumbs che scorrono in una finestra, cliccabili per indicare alla slide l’immagine da visualizzare;
• numerino generato in automatico che etichetta le thumb;
• freccine per scorrere la galleria delle thumb più velocemente;
• pannello per aggiornare la photogallery.

L’immagine caricata viene copiata e spostata in 3 cartelle a grandezze diverse (immagine originale, immagine per lo slideshow e immagine per la thumb); al nome dell’immagine viene aggiunto un numero di 3 cifre all’inizio che serve per ordinare la sequenza dello slideshow; dal pannello di controllo si può quindi ordinare le immagini (l’utente visualizza solo il nome dell’immagine senza il “prefisso”) il resto del nome dell’immagine può venire utilizzato come titolo.

Installare la Photogallery

1. Scaricare l'archivio e scompattarlo nella cartella che conterrà la photogallery;
2. editare il file config.php nella cartella "mod" e settare i parametri desiderati;
3. settare le cartelle "tmb", "img", "big" e "mod" con opportuni permessi di scrittura;
4. lanciare il file del pannello di controllo "http://www.nomesito.ext/nomecartellaphotogallery/mod/"
   ed inserire le immagini nella photogallery.
5. testare il risultato in "http://www.nomesito.ext/nomecartellaphotogallery/".

Modificare l'aspetto della photogallery

• il file body.css contiene giusto qualche paramentro per la formattazione della pagina ed è modificabile;
• il file gallery.css contiene tutti gli stili necessari alla photogallery; modificare colori ed altre caratteristiche potrà essere agevole mentre attenzione ad alcune impostazioni (come le misure dei bordi) che potrebbero interferire con il codice php o javascript e creare effetti non desiderati.
• per inserire la photogallery in una propria pagina assicurarsi di copiare tutto il codice necessario: tutto ciò che sta tra i tag </title> e </head>; tutto il <div id="contgallery"> (inserirlo nella posizione desiderata della pagina); copiare lo script <script type="text/javascript">slide_init();</script> ed inserirlo prima del tag </body>.

Se ci sono problemi, osservazioni o consigli contattatemi sul blog all'ultimo post della categoria: http://www.thanx.it/seospecialistblog/index.php/category/web-master/photogallery
o scrivetemi a jon@thanx.it.

Spero sia tutto a posto e Buon Divertimento!