Back to top

Set | 12 05 Mercoledì
 

Come creare una galleria fotografica per contenuti con pPGallery

Stampa E-mail  
Autore : Dritan Cami  » Questo articolo è stato letto: 10499 volte »  
 

pPGallery pluginEccoci qua con un'altra guida. Questa volta voglio presentarvi un plugin simpatico che permette con poche impostazioni di creare una photo gallery con il nostro cms Joomla! Scopriamolo subito.


Questa guida non è rivolta ai guru di Joomla! ma bensì ai nuovi arrivati, alle prime armi. Utile per creare una galleria di immagini, all'interno degli articoli, velocemente e senza venir matti con tante opzioni complicate. Che cos'ha questo plugin più degli altri? Mi piace particolarmente rispetto a quelli che ho avuto modo di testare perché è immediato e non crea miniature in giro per le nostre cartelle. Metti che trovi un schizzinoso incontentabile che non vuole riempire la memoria con file superflui. Alcuni plugins per esempio creano per ogni immagine ben 3 miniature: mini, media e grande. Scherzi a parte, se nel nostro sito web cominciamo ad avere tante cartelle di foto da far vedere, alla fine “le altre immagini” cominciano ad esuberare lo spazio a disposizione.

Una volta chiarito a chi è rivolto questa guida andiamo a vedere da vicino cosa fa e come funziona. Il plugin si può scaricare da questa pagina. Funziona sia con Joomla! versione 1.5 che con la versione 2.5. pPGallery è basato sul motore di visualizzazione 'prettyPhoto' cioè un clone di jQuery lightbox. Permette di creare semplici gallerie fotografiche. La sua particolarità sta nel fatto che con una elementare sintassi possiamo far vedere le gallerie dentro i nostri contenuti. Esso crea automaticamente delle miniature “al volo”. Basta inserire il percorso della cartella o le immagini dall'editor con il metodo normale.

Il plugin legge dalle impostazioni di Media Manager che la cartella di default è /images e quindi se vogliamo far vedere le immagini situate dentro /images/dritan_cami, usiamo:

pPGallery folder mode

 

pPGallery modalità editor

 

 

pPGallery impostazioni miniatureLo scarichiamo e lo installiamo come solito. Poi andiamo in Plug-In Manager, lo troviamo (Content - pPGallery) e lo attiviamo. Da questo momento il plugin è già pronto per essere usato, ma se vogliamo personalizzarlo un po vediamo le varie opzioni che sono divise in tre principali sezioni: Parametri miniature, impostazioni delle visualizzazioni immagini ed impostazioni del sistema (del plugin).

 

Nella prima sezione possiamo impostare come vogliamo far apparire le nostre miniature. Ne cito alcune: larghezza, altezza, devono essere ritagliate o no, allineamento verticale, spaziatura orizzontale e verticale, qualità delle miniature, far vedere un'immagine fissa come per esempio un logo ed in che posizione farla posizionare, vedere una didascalia e se si dove (viene preso dall'attributo alt="" delle immagini nel caso le inseriamo con il metodo editor), quantità delle miniature: nel caso abbiamo per esempio 30 foto ma vogliamo far vedere solo le prime 4 e le altre si vedranno tramite le slide, un testo prefissato fisso su tutte le slide, un testo popup fisso per tutte le immagini quando ci posizioniamo sopra col mouse, far appare solo miniature senza che esse possano essere ingrandite, tipo di layout, includere anche le sotto cartelle della cartella che abbiamo scritto nell'editor (folder mode). Riporto qui un esempio.

 

pPGallery impostazioni immagini
















Nella seconda sezione impostariamo gli effetti di come vedremo le slide. Motrare il titolo (viene preso dall'attributo alt=""), permettere il ridimensionamento, velocità, autoplay si o no, separatore della numerazione delle immagini, tema (io adoro la default: pura, essenziale e font accurati), velocità dell'animazione, chiusura slide solo tramite il pulsante "close" oppure anche semplicemente cliccando fuori dalla finestra popup. Vedi esempio.

 

pPGallery impostazioni sistema















Nella terza sezione, cominciando dal basso abbiamo: attivare la libreria jQuery, attivare l'opzione che permette di non andare in conflitto con altre librerie jQuery (che non è poco), il testo che utilizzeremo per inserire la galleria. La prima invece permette di inserire un file, che contiene descrizioni e titoli dentro la cartella delle immagini, che in qualche modo dopo farà vedere queste informazioni. Non l'ho mai testato questa funzione (attenzione: usare con cautela). "Fate qualcosa anche voi insomma" :-))

 




E alla fine ecco cosa abbiamo impostato:

pPGallery didascalia

pPGallery slide

 

 

Ecco questo è quanto. Saluti a tutti. See you soon ;)

Guida realizzata da Dritan Cami.

CommentaCommenta questo articolo sul forum



Vedi anche:
Articoli più recenti:

 

Ricerca su Joomla.it

...per il tuo dispositivo mobile

Naviga Joomla.it da dispositivi mobili
kreatif-multimedia-logo