Galleria fluida in jQuery con effetto fade diagonale

5 Giugno 2013
Microtag Project

Ecco un tutorial che spiega come creare una galleria fluida in jQuery costituita da una griglia che si adatta ad ogni dimensione dello schermo, dinamica ed essenziale. La galleria è animata da un effetto fade diagonale in CSS3.

Per inserire le immagini, è sufficiente caricare sul server la cartella contenente le foto con le relative miniature (preferibilmente 150 x 150 px), che verranno disposte all’interno della griglia. Si potranno inserire nuove foto anche in un secondo momento con un semplice copia e incolla.

L’effetto di transizione diagonale è visibile in tutti i browser che supportano i CSS3, in caso contrario la galleria di immagini risulterà statica ma perfettamente funzionante.


articoli... che potrebbero interessarti

creare un sito web... articoli consigliati

Azioni Photoshop, la raccolta definitiva

La collezione di azioni photoshop che vi presentiamo sono un set di azioni che accorrono in aiuto degli utenti per realizzare progetti rapidi e ben fatti.

Web design & Video background

Presentare la propria homepage in modo efficace con video background e comunicare contenuti e temi con video che esprimono il cuore del tuo sito web!

Tipped: i tooltip più belli senza il minimo sforzo

Si chiama Tipped e rivoluzionerà lo user interface design del vostro sito. L'applicativo offre un'ampia gamma di tooltip, belli e fruibili su tutti i dispositivi.

Dropdown menu css. Un componente responsive e facile da personalizzare

Organizza la navigazione del tuo sito con un responsive mobile menu. MegaDropdown è ideale per gli ecommerce e i portali di grandi dimensioni.

Template WordPress Responsive Free – Minimaluu

Minimaluu è la soluzione ideale per il tuo portfolio su WordPress se cerchi una grafica minimale, pulita e compatta ma anche fluida ed efficiente.

Sei un Webmaster? Il tuo sito web ha bisogno di Best 4 Webdesign!

Best4WebDesign archivia i principali e i migliori strumenti per Webmaster e Web Designer.