Come creare una photogallery a pieno schermo
Codrops ha condiviso l’ennesimo tutorial ed oggi ci spiega come creare una spettacolare PhotoGallery a schermo intero con jQuery.
L’idea è quella di avere una pagina intera piena di miniature che, al passaggio del mouse, creano un piacevole effetto di luce. Quando si clicca su di una miniatura, un pannello scorre dal fondo mostrando l’immagine a pieno schermo. Quando si clicca nuovamente sull’immagine, il pannello scorre di nuovo verso il basso scomparendo.
Nella visualizzazione completa dell’immagine è stato aggiunto un piacevole effetto di transizione quando si sfogliano le varie foto.
Inoltre viene utilizzata una funzione per ridimensionare l’immagine, adattandolo alle dimensioni dello schermo. Così, quando le dimensioni dello schermo vengono modificate, la nostra immagine si adatterà automaticamente alle nuove dimensioni.
Il tutorial completo, in lingua inglese, è disponibile qui, mentre la demo è visibile qui.
Per chi vuole testarlo immediatamente, rendiamo disponibile il pacchetto completo.
Segnala Errore
RSS Feed
Iscriviti per ricevere le ultime news
Social Network
Seguici su Meetups
Sostieni jQuery Italia
Commenti
Tags
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
I Più Scaricati
- gMap ver. 1.0.4 (327 volte)
- Easy Accordion ver. 0.1 (261 volte)
- TinyTips ver. 1.1 (251 volte)
- jQueryUI 1.8 rc1 ver. 1.8 rc1 (235 volte)
- jQuery Digital Clock ver. 2.1.0 (224 volte)
- Form Wizard ver. 2.0.1 (214 volte)
- jQuery File Upload ver. 1.0.0 (209 volte)

Categoria: 




