JQuery Image Gallery

jPhotoGrid jQuery richiede un semplice elenco di immagini e didascalie per trasformalo in una griglia di foto che possono essere ingrandite con un effetto zoom. Quasi tutti lo stile di questo plugin è fatto in css. Il trucco applicato è nel layout della griglia mobile dell’elenco. La prima cosa che il plugin svolge è di posizionare le immagini con una posizione assoluta. Questo permette di poter ingrandire una singola immagine per poi tornare al posto di origine.

JQuery Image Gallery


L’Html di questo plugin JQuery Image Gallery è semplicemente una lista non ordinata di immagini e didascalie. Il CSS è anche abbastanza semplice come lo stesso javascript nella sua configurazione.

Bisogna solo conoscere le dimensioni delle miniature e dimensionamento/posizione dell’immagine ingrandita.

JQuery Image Gallery
Demo: http://www.newmediacampaigns.com/files/posts/jphotogrid/example.html
Download: http://www.newmediacampaigns.com/page/zoomable-jquery-image-gallery-jphotogrid