Qui sotto puoi vedere un esempio di una ottima galleria fotografica fullscreen utilizzando la vista Gallery della componente TZ Portfolio.

Si ottiene creando una voce di menu di tipo TZ Portfolio>Portfolio Gallery che punta a una o più categorie di articoli, impostando nelle opzioni numero di colonne e loro larghezza ed altezza.

Negli articoli non ho messo altro che il titolo ed inserita una immagine, impostando images come parametro media. Ed ecco qui sotto il risultato che io trovo decisamente carino. Passando con il mouse sopra l'immagine c'è quel simpatico effetto di rotazione che invita al clic. Al clic l'immagine si ingrandisce con due movimenti e va ad occupare tutto lo schermo. Responsiva, qualsiasi sia la dimensione del monitor. La gallery diventa quindi navigabile fullscreen e la didascalia è il titolo dell'articolo. Quell'effetto di uscita e rientro dell'immagine nella sua casella è davvero fantastico! 

Creato: Lunedì, 26 Agosto 2013 12:58 | Rate this article
( 8 Votes ) 
| 25527 Hits | Categoria: Demo Tutorial Immagine come link | Comment count: 0

Questa è la demo di questo articolo scritto per joomla.it. Come puoi vedere qui di fianco sotto al titolo appare una immagine che nei parametri di joomla! ho impostata per apparire solo nel testo introduttivo.

Dopo l'override illustrato nell'articolo l'immagine diviene un link al leggi tutto. Peraltro grazie alla classe btn del bootstrap supportato da Joomla! 3.5  anche graziosamente formattata come un simpatico pulsante nel quale si può agevoilmente inserire una scritta nel campo didascalìa.

Nel testo esteso dell'articolo tale immagine scompare. Si può  farne apparire un'altra, impostabile sempre nei parametri dell'articolo, oppure tutte quelle che si vuole con i normali inserimenti possibili nel codice html.

Scommetto che sei curioso di vedere cosa ho inserito nell'articolo esteso...

Leggi tutto...

 

Test Floating

Test floating

Su questo sito usiamo i cookies, anche di terze parti. Navigandolo accetti.