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.

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