Lavora con noi

CMS

Siti tematici

Pagine:

RSS

Effetto Lightbox su Joomla 1.6

di: Valentina Bossini 15 Giugno 2011

L'effetto Lightbox è uno dei più famosi e permette di aprire le immagini, o più in generale contenuti, a grandezza naturale in una finestra popup rendendo opaco il resto della pagina. Possiamo notare, navigando su Internet, che gli script per visualizzare foto, video, testi ecc. con un effetto Lightbox stanno aumentando sempre di più. È utilizzato per vari motivi, per esempio perché lo spazio a nostra disposizione non è sufficiente oppure per far risaltare alcune notizie o particolari. Inoltre è considerato un effetto accattivante ed elegante, ma anche semplice da utilizzare.

È possibile creare questo effetto a mano, come possiamo leggere in questo articolo infatti bastano, oltre al codice HTML, i file js della libreria JavaScript e un foglio di stile. Sicuramente risulta più comodo usare un'estensione, soprattutto se utilizziamo nel nostro sito il CMS Joomla. In questo articolo vedremo come utilizzare il plugin JCE Mediabox e il modulo Art Sexy Lightbox Lite con Joomla 1.6. Una cosa interessante è che il primo plugin citato funziona sia utilizzando JCE come editor sia se si utilizza un altro editor (per esempio quello di default TinyMCE).

Installare e utilizzare JCE MediaBox senza l'editor JCE

JCE MediaBox è un plugin esistente sia per Joomla 1.5 sia per la versione 1.6. Una volta scaricato dal sito del produttore per installarlo nel nostro sito bisogna accedere all'area di amministrazione, andare su Estensioni-->Gestione Estensioni-->cliccare su "Scegli file" e una volta caricato cliccare su "Carica & Installa". Per attivarlo dobbiamo andare su Estensioni-->Gestione plugin, cercare "System - JCE MediaBox" e abilitarlo cliccando sul pulsantino rosso.

Questo plugin ha dei parametri da impostare, come possiamo vedere in figura:

(clic per ingrandire)

la scelta del tema da usare con il popup che comparirà: le opzioni possibili sono standard, light, shadow e squeeze. Più avanti vedremo che differenze ci sono;
icon path: contiene il percorso della cartella che contiene le icone utilizzate dal plugin, per esempio quella della lente di ingrandimento oppure la crocetta per chiudere la finestra;
Popup Options: contiene i parametri da impostare per lo stile e per il comportamento del popup;
Tooltip Options: per l'opacità, la posizione e la velocità del tooltip;
Other Options: contiene l'elenco delle versioni delle librerie e strumenti utilizzati (Flash, Quicktime, Real Media etc etc);