Uno slideshow di immagini con RokSlideshow

Una funzionalità molto desiderata è la realizzazione di uno slideshow, ovvero una sequenza di immagini che compaiono una dopo l’altra nello stesso spazio, che vengono alternate ogni tot secondi.

Esistono svariati moduli per Joomla che permettono di realizzare questo, come è possibile vedere nella sezione Images Slideshow della Joomla Extensions Directory.

All’interno di questo elenco, tra estensioni free ed estensioni commerciali troviamo RokSlideshow, popolare e molto apprezzata estensione rilasciata gratuitamente con licenza GPLv2.

Essa mostra una serie di immagini e permette di scegliere tra una serie di effetti grafici molto gradevoli, nonchè tra una serie di 30 tipologie di transizioni, per uno slideshow di sicuro impatto.

Dalla pagina JED dell’estensione, premere il pulsante “Download”, quindi scaricare la versione per la propria versione di Joomla.

Una volta scaricata, installarla attraverso il pannello di amministrazione di Joomla (Estensioni | Installa/Disinstalla).

Se tutto è andato a buon fine, nel pannello “Estensioni | Gestione moduli” potremo trovare una voce “RokSlideshow”.

Attiviamo il modulo, assegnamolo alla posizione desiderata ed alle voci di menu prescelte.

Quindi possiamo andare a configurare i parametri:

• Suffisso classe CSS modulo: per poter personalizzare la grafica in modo mirato usando i CSS del template.
• Larghezza ed Height: larghezza ed altezza del box in cui vengono visualizzate le immagini.
• Images Directory: la directory, relativa alla root di Joomla, dove andare a pescare le immagini da mostrare.
• Loading Progress Bar: mostra o meno la barra di caricamento delle immagini. Utile quando vogliamo mostrare immagini di grosse dimensioni.
• Show Text Captions: mostra le descrizioni delle immagini, se vengono trovate.
• Show Title Captions: mostra i titoli delle immagini, se vengono trovati.
• Caption Height: è l’altezza espressa in pixel dell’area contenente le descrizioni Text e Title.
• Title Size: l’altezza del titolo delle immagini.
• Title Color: il colore del titolo delle immagini.
• Description Size: l’altezza della descrizione delle immagini.
• Description Color: il colore della descrizione delle immagini.
• Sort Criteria: decide il modo in cui ordinare le immagini visualizate – in base all’ordine alfabetico del nome del file, oppure alla data di creazione.
• Sort Order:  la direzione dell’ordinamento scelto nell’opzione precedente.
• Manual Sort Order: permette di specificare l’ordinamento manuale, scrivendo i nomi delle immagini scelte, separati da una virgola.
• Dynamic Image Resizing: consente di ridimensionare in modo automatico la dimensione delle immagini.
• Image Duration: il tempo, espresso in millisecondi, in cui una immagini viene mostrata prima di venire sostituita dalla successiva.
• Transition Duration: la durata della transizione tra una immagine e la successiva, anche questo espresso in millisecondi.
• Transition Type: il tipo di transizione ed effetto desiderato.
• Pan Percent: percentuale di effetto Pan, per le transizioni Panning o Combo.
• Zoom Percent: percentuale di effetto Zoom, per le transizioni  Zooming o Combo.
• Transition for Push/Wipe: è possibile scegliere tra 30 effetti Mootools per i tipi di transizione Push e Wipe.

Effettuata la taratura dei parametri, premendo il pulsante “Salva” avremo il nostro modulo pronto e funzionante in frontend.

Se incontrate problemi di visualizzazione è possibile che siano caricati file JavaScript che interferiscono con il funzionamento del modulo. Molto spesso i template commerciali (e non) caricano file JavaScript che non vengono neppure usati in realtà, ma servono per eventuali funzioni che possono essere attivate.

Se siete soggetti a questo tipo di problemi, provate a modificare il template per non includere alcuni file JavaScript fino a trovare quello incriminato, oppure a disattivare qualche modulo sospetto di concorso in causa.

E’ possibile attivare diversi moduli di questo tipo su differenti pagine oppure inserire più moduli nella stessa pagina, crendo copie del modulo (da Gestione Moduli) oppure creando nuovi moduli (sempre da Gestione Moduli, premendo il pulsante “Nuovo”).

Creando diverse cartelle da cui attingere le immagini, è possibile ottenere svariati slideshow con immagini differenti.