css Zen Garden

Una coppia di plugin ottima per creare e ingrandire miniature con effetto lightbox nelle nostre pagine su Joomla!

Talvolta vogliamo inserire delle immagini dentro i nostri articoli in modo che se vengono cliccate esse aumentino di dimensione, magari con un piacevole effetto in stile lightbox. Vedremo come farlo agevolmente installando due plugin che funzionano molto bene e che sono settabili molto facilmente.

Scaricate da qui il pacchetto contenente i due pluginper creare i lightbox. Una volta scaricato dovrete dezipparlo e quindi da estensioni, installa/disinstalla installerete entrambi i plugin che trovate dentro la cartella che sono:

- protos.lightbox.js.zip
- protos.lightbox.zip

Poi da gestione plugin attivateli entrambi. (Fate attenzione perchè il plugin Protos Lightbox JS si troverà nella seconda pagina -od oltre- dei plugin. Lo dico perchè a me è accaduto di non riuscire a far funzionare il lightbox proprio perchè non mi ero accorto che tale plugin era ancora inattivo).

Quindi aprite il plugin Protos Lightbox dove troverete tre parametri:

Larghezza -larghezza della miniatura dell’immagine;
Height -altezza della miniatura dell’immagine
Cartella - Qui metterete il nome della cartella (es.tuacartella) dove metterete le immagini. Dovrà essere messa dentro la cartella images/stories. Se la lasciate in bianco il plugin pescherà le immagini esattamente dentro la cartella images/stories.

A questo punto siamo pronti per inserire dentro un nostro articolo il codice che farà apparire le immagini: {limage}tuaimmagine.jpg{/limage}

Questi plugin funzionano davvero a meraviglia con qualsiasi dei principali browser ed hanno la particolarità che l'immagine in miniatura, al clic, sparisce proprio dalla pagina, dando l'impressione che si sia ingrandita la miniatura, e si adatta alle dimensioni del monitor. Se l'immagine originale è di 1200 pixel di larghezza, ma chi la clicca lo sta facendo da un monitor di 1024 pixel, l'immagine si fermerà a 1024 pixel evitando di apparire con le barre di scorrimento, lasciando all'utente la scelta di ingrandirla del tutto.

Questa coppia di plugin presenta anche un difetto. Una volta settate le dimensioni della miniatura, queste resteranno tali per tutte le miniature del sito. Quindi le immagini, se non si vuole che appaiano deformate nelle miniature, dovranno avere tutte le stesse proporzioni larghezza x altezza.
EDIT: è stato risolto questo problema eliminando l'height. Ho predisposto il Pacchetto_lightbox2 dove appunto le miniature delle immagini si adatteranno alle proporzioni delle foto originali inserendo nel plugin soltanto il parametro della larghezza. Ovviamente in questo modo le miniature avranno differenti dimensioni in altezza se le immagini originali hanno dimensioni diverse. Inoltre è adesso a disposizione anche il Pacchetto_lightbox3 che consente in aggiunta di stabilire al volo cartelle diverse dove prendere le immagini. Scrivendo questo codice per far apparire la miniatura in un articolo {limage}images/tuacartella/tuaimmagine.jpg{/limage}. Se si sceglie di mettere i percorsi in questo modo occorre lasciare in bianco la casella della cartella nei parametri del plugin.

I plugin si prestano bene anche alla creazione di una galleria fotografica, che può essere navigata con i tasti delle freccette della tastiera. Si possono anche aprire contemporaneamente diverse immagini e spostarle nel vostro monitor.

Qui una demo dei plugin lightbox.

Tonicopi