Effetto otturatore per foto galleria

Dettagli: Creato Sabato, 13 Agosto 2011 15:32; Scritto da tonicopi; Visite: 5780

C'è un modulo molto simpatico e dal gradevolissimo aspetto che consente di mostrare una piccola fotogallery nel vostro sito Joomla! assai facile da configurare ed utilizzare. Lo potete installare ed usare in qualsiasi versione di Joomla! 1.5, 1.6, 1.7 e a seguire.... con un simpatico effetto di transizione che somiglia assai a un otturatore fotografico.

Questo modulo si chiama VTEM Shutter e si scarica direttamente nella JED. Non dovrete cercare, come siamo adesso abituati, la versione per la vostra installazione di Joomla! perchè esso si installerà ovunque ci sia un sito Joomla! purchè non nella ormai vecchia e superata, benchè onorata, versione 1.0...

Una volta scaricato nel vostro computer lo installerete nel consueto modo utilizzando l'installer di Joomla!

Poi andrete in Estensioni/Gestione moduli e cercherete il modulo VTEM Shutter quindi lo aprirete e troverete una schermata dove effettuare poche semplici impostazioni.

Module unique ID: lasciate pure questa dicitura che cambierete solo in un secondo modulo se lo duplicherete per mostrare una seconda galleria fotografica nella stessa pagina.

In Width ed Eight metterete larghezza e altezza dell'immagine in pixel.

In Images Directory scriverete il percorso della cartella dove metterete le immagini che caricherete via ftp.

In Sort Criteria selezionerete l'ordine nel quale volete far apparire le immagini: se alfabetico o per data di creazione.

In Sort Order potrete selezionare se ascendente, discendente o casuale.

In Manual Sort Order potrete anche definire un preciso ordinamento elencando le immagini col loro nome separato da una virgola.

In Shutter open stabilirete il tempo di chiusura/riapertura dell'otturatore in millisecondi.

In Shutter close stabilirete il tempo in qui le immagini resteranno visibili, sempre in millisecondi.

In Shutter image avrete la possibilità di scegliere il colore dell'otturatore tra grigio scuro, grigio chiaro, verde,azzurro, arancio, rosso e viola.

Jquery load: lasciatelo sul si come lo trovate. Va messo su No solo se avete già caricato Jquery a mezzo di qualche altra estensione.

Module Class Suffix: il consueto box per indicare eventualmente un Suffisso Classe CSS Modulo per dare un particolare aspetto personalizzato al modulo.

Come dicevamo, questo modulo mostra la transizione tra una diapositiva e l'altra con un effetto otturatore fotografico molto carino e verosimile.
Per fare questo utilizza l'elemento canvas e quindi html5 supportato ormai dai principali browser, ma non da Internet Explorer 8 e precedenti. Chi utilizza questi antipatici browser vedrà ugualmente le immagini della galleria ma senza l'effetto otturatore per le transizioni. Ben gli sta!