Galleria fotografica con Lightbox per WordPress
L’esigenza di voler inserire una galleria fotografica nel proprio sito è una richiesta abbastanza comune e spesso, per trovare la soluzione più adatta, c’è solo l’imbarazzo della scelta tra numerosi script, applicazioni e servizi online.
Molti ad esempio “esternalizzano” completamente il problema ed utilizzano un account su Flickr, altri invece si avvalgono di strumenti quali ad esempio Coppermine Gallery e Gallery.
Capita spesso, che si senta il bisogno di integrare la galleria nel proprio sito, in maniera che non sembri una sezione a parte completamente diversa dal punto di vista estetico.
Se prendiamo in considerazione un sito/blog basato su WordPress possiamo dire che, per i già citati Coppermine Gallery e Gallery, esistono plugin che consentono una buona integrazione con WordPress.
Il problema è rappresentato dal fatto che questi script sono, nella maggior parte dei casi, eccessivamente complessi e sovradimensionati per la gestione di poche semplici gallerie fotografiche.
Recentemente, nel corso della realizzazione di un sito basato su WordPress ho utilizzato e modificato due plugin per WordPress che hanno permesso la creazione di un sistema facile da gestire e graficamente piacevole per la presentazione di fotografie.
I due plugin utilizzati sono:
Il primo consente di visualizzare le immagini con un gradevole overlay popup, come potete vedere anche in alcune immagini presenti su questo sito.
Il secondo invece permette di creare gallerie fotografiche perfettamente integrate in WordPress semplicemente caricando i file via ftp, quindi senza dover effettuare l’upload via web di un’immagine alla volta.
I due plugin però non sono integrati fra di loro, Lazyest Gallery di default apre le immagini singole in una normale pagina di wordpress. E’ necessario quindi intervenire modificando il modo in cui Lazyest Gallery genera i link che puntano alle singole immagini.
Dobbiamo intervenire sul file lazyest-gallery.php.
Prima dell’intervento:
echo '<td><a href="'.$_SERVER['PHP_SELF'].'?file='.$currentdir.$img.'"><img src="'.$gallery_address.$currentdir.get_option('lg_thumb_folder').$img .'" alt="'.$img.'" title="'. $title . '" /></a></td>';
$tcol_count++;
}
else {
echo '<td><a href="'.$_SERVER['PHP_SELF'].'?file='.$currentdir.$img.'"><img src="./wp-content/plugins/lazyest-gallery/lazyest-img.php?file='.$currentdir.$img.'&thumb=1" alt="'.$img.'" title="'. $title . '"/></a></td>';
Dopo l’intervento:
echo '<td><a href="http://www.sito.it/foto/'.$currentdir.$img.'" rel="lightbox"><img src="'.$gallery_address.$currentdir.get_option('lg_thumb_folder').$img .'" alt="'.$img.'" title="'. $title . '" /></a></td>';
$tcol_count++;
}
else {
echo '<td><a href="http://www.sito.it/foto/'.$currentdir.$img.'" rel="lightbox"><img src="./wp-content/plugins/lazyest-gallery/lazyest-img.php?file='.$currentdir.$img.'&thumb=1" alt="'.$img.'" title="'. $title . '"/></a></td>';
http://www.sito.it/foto/ rappresenta ovviamente il percorso dove sono conservate le directory contenenti le gallerie fotografiche.
Una volta fatto questo è possibile inoltre intervenire per fare in modo che l’overlay popup mostri anche la didascalia dell’immagine.
Se inoltre volete intervenire per modificare il grado di qualità con il quale vengono generate le miniature, vi basterà aprire il file lazyest-img.php e alla riga 55 sostituire:
imagejpeg($resized);
con:
imagejpeg($resized,'','xx');
dove xx rappresenta un numero da 0 a 100 (100 è il valore di qualità massima).
8 Marzo 2006 alle 17:59
Solo una domanda. Sai se anche Lazyest Gallery fa il resize delle immagine “al volo” ogni volta che si visita la galleria ?
8 Marzo 2006 alle 18:01
Le miniature le genera lui, e volendo incorpora anche un sistema di caching per evitare di ricrearle ogni volta.
9 Marzo 2006 alle 11:28
[...] Un bell’articolo su come inserire una galleria fotografica con Lightbox in WordPress. [...]
9 Marzo 2006 alle 23:10
Provata la soluzione ma il lazy mi sembra comunque ideale, unirlo al popup mi sembra ridondante…
comunque con il lazy vorrei personalizzare la pagina lazy-index.php…
ma non ci riesco in alcun modo, vorrei semplicemente prendere il nucleo del programma ed inserirlo, escludendo la funzione della sidebar all’interno del mio modello di pagina single.php all’intenro di una table.. e rinominato vviamente laxy-index.php…
ci ho provato ma mi da errori di sintassi credo..qualcuno sa aiutarmi?
Esiste poi una funzione o un pezzo di codice per richiamare su una altra pagina le thumbnail di una determinata gallery….?
11 Marzo 2006 alle 00:32
Per quanto riguarda il richiamare una singola galleria, non mi pare di aver visto niente di simile tra le tag del plugin.
E’ possibile invece inserire lazy-index.php all’interno del proprio template, hai provato ad esempio a spostarlo e rinominarlo nella directory del tuo template e a cambiare i path contenuti nel file per fargli trovare comunque i file necessari al suo funzionamento?
4 Aprile 2006 alle 20:31
Salve, sono il mantainer di Lazyest Gallery.
Ho incorporato il supporto di WP-Lightbox (il plugin) alla galleria se può interessarvi. :)
Mi metto a vostra disposizione per eventuali chiarimenti.
Sono ben accetti anche critiche e consigili.
Saluti! :)
4 Aprile 2006 alle 22:13
Ho creato il plugin per Lightbox js2.2 http://www.4mj.it/lightbox-js-v20-wordpress/
7 Aprile 2006 alle 14:49
Ottimo Keytwo, gran bel lavoro.
Per quanto riguarda Lightbox 2 sono ancora un po’ titubante, è stato appesantito in maniera notevole.
18 Aprile 2006 alle 21:21
è possibile effettuare dei commenti sulle singole foto? io cercavo qualcosa che avesse questa funzione, ma non saprei neanke dove partire, grazie cmq delle utili info
20 Aprile 2006 alle 20:03
Ok, per la prossima release ho adottato un sistema più flessibile per inglobare il supporto a Lightbox.
Dal momento che praticamente tutti i plugins sviluppati per questo script hanno solo bisogno di un rel=”lightbox” alla fine eliminerò il controllo di un eventuale installazione.
saluti
@Ponch
LG permette solo di scrivere didascalie per ogni foto, per i commenti devo inventarmi qualcosa… purtroppo WP non prevede la possibilità che un plugin possa immagazzinare massivamente dati nel database (limita questo supporto alle semplici opzioni che si possono usare per un plugin).
Ciau
15 Maggio 2006 alle 18:25
una domanda… a me light box nn funziona, l’ho provato sia su wp1.5 che su wp-2 dal file readme dovrebbe fare tutto da solo ma nn è così…forse la mia ignoranza mi fa saltare qualche passaggio che per il programmatore del plugin è automatico…
> Ho fatto l’upload
> ho attivato il plugin
> ho provato a visualizzare o linkare le immagini sul mio blog ma nulla…
Cosa mi manca…???
se qualcuno ha riscontrato problemi e li ha risolti potrbbe farmelo sapere eventualmente anche sulla mail tommyroger2001@yahoo.it
Grazie
15 Maggio 2006 alle 22:53
verifica nel codice HTML che vengano richiamati i JavaScript e che sia presente il tag rel=”lightbox” nel link relativo all’immagine.
21 Luglio 2006 alle 02:11
Ciao anche io ho dei problemi con lightbox. Ho installato la versione 0.9.5 di lazy ed ho provato sia la 0.6 che la 0.5 di lightbox. Il tag rel=”lightbox” è presente (nella versione slide) ma non funziona :(
http://francesco.giuntini.info/blog/index.php/gallery/
19 Ottobre 2006 alle 19:59
Mi piacerebbe fare in modo che già a livello delle miniature cliccando sopra si aprissero le immagini secondo l’effetto lightbox e non doverci prima andare sopra e poi ricliccarci. Come potrei fare ? Ci ho provato ma senza successo.
17 Novembre 2006 alle 11:12
Ho installato anch’io la Lazyest Gallery, nei parametri di configurazione non trovo però il punto in cui si setta la posizione delle cartelle contenenti le foto, mi date una mano please :-)
Buona giornata a tutti.
Gianka
16 Febbraio 2007 alle 16:16
Ciao,
ho seguito a distanza di mesi i tuoi consigli e sono riuscito a creare una gallery funzionante.
Tu hai scritto “Una volta fatto questo è possibile inoltre intervenire per fare in modo che l’overlay popup mostri anche la didascalia dell’immagine…”
Volevo chiederti, se magari con un’altra piccola modifica nel php sorgente, si riesce a far visualizzare la didascalia mentre si visualizzano le foto con il plugin lightbox.
Attendo una tua info
Grazie ancora
Pierpaolo
21 Marzo 2007 alle 11:30
ciao … io ho appena scoperto il mondo di wordpress …molto interessante mi sto sbattendo per capire come inserire una galleria fotografica…
non capisco una cosa metto ok il plugin lazy… ho creato al cartella solo quale codice devo inserire e dove inserisco?
…c’e per caso una soluzione con un click che non ho visto??
se qualcuno mi aiuta avra’ 5 anni di piena fortuna!!!!
23 Marzo 2007 alle 19:57
Devi inserire anche il codice nel template, qualcosa come:
<?php showGallery();?>23 Marzo 2007 alle 20:00
@Pierpaolo: qualcosa come questo?
23 Marzo 2007 alle 23:16
Un altro ottimo plugin è la Slickr gallery. Usa Ajax per caricare le foto dalla tua galleria su Flickr e le mostra integrandosi al lightbox plugin. E’ ottimizzato per hemingway: molto bello.
Io lo uso qui, e il sito è questo.
29 Maggio 2007 alle 12:11
ciao a tutti
qualcuno qui è riuscito ad installare la gallery lazyest su altervista?
30 Maggio 2007 alle 16:21
Ciao..
non riesco a capire dopo aver uploadato il plugin e averlo attivato come faccio a crearmi la mia galleria di immagini. Devo scrivere manualmente il codice su “scrivi articolo” ?
12 Giugno 2007 alle 09:21
Scusa ma a che riga è il codice da modificare? io non lo trovo!
16 Giugno 2007 alle 20:45
Qualcuno ha idea di come si realizza un effetto come quello mostrato da Tiziano nelle pensiline?
10 Agosto 2007 alle 02:44
aiuto aiuto!! che fine ha fatto il responsabile di layzest-gallery?
ma sopratutto, esiste una versione in italiano e se si come si istalla? nel sito keytwo non é chiarissimo e alcuni link sono corrotti..
Ho dei problemi a settare questa gallery e a far funzionare il lightbox-2-wordpress-plugin.1.7.. = (
dal lato admin mi segna ch mi mancano un paio di GD:
-FreeType Linkage: with freetype no
-XBM Support: no
sono necessarie per far si che funzionino questi plug??
se qualcuno ne capisce più di me mi risponda!! ^^
22 Settembre 2007 alle 16:01
ciao a tutti,
tempo fa installai lazyest gallery su un sito e andò tutto bene, ora lo sto provando ad installere su un altro sito, però dopo aver attivato il plugin, non mi fa accedere al pannelo di controllo della gallery. come devo fare? lazyest va bene con qualsiasi versione di word press?
grazie
12 Gennaio 2008 alle 18:15
Lazyest Gallery da dove lo scarico???
12 Gennaio 2008 alle 18:20
cioè mi chiede di fare il login :|
7 Febbraio 2008 alle 09:36
un piccolo forum per discutere sulla lazyest gallery
http://forum.myflashxml.it/wordpress-f66/lazyest-gallery-t70374.html
6 Maggio 2008 alle 18:05
Anche io ho problemi con Lazyest Gallery, ho WP versione 2.3 e Lazyest è alla versione 0.9.5.
Quando provo ad accedere al pannello di amministrazione del plugin non vedo nulla…di conseguenza non posso configurarlo…qualcuno ha trovato soluzioni?
2 Luglio 2008 alle 17:05
ora provo la light box