Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

jParallax:Effetto Parallasse con jQuery

settembre 2nd, 2008 by Giovanni Caputo

Diagram of parallax layers.
jParallax è un plugin sviluppato con il framework jQuery che permette di creare un effetto Parallasse (Parallax) tra immagini da utilizzare nei propri siti web.

La parallasse è il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione.

Per utilizzare il plugin bisognerà scaricare il file js, disponibile sul sito di jParallax, e scrivere una semplice lista utilizzando i tag <ul> con id parallax e <li> creando diversi livelli di piani in cui inserire delle immagini.

Queste immagini grazie al plugin jParallax verranno trasformate in un panorama 3D con profondità.

Ecco un esempio di codice:

<ul id="parallax">
<li></li>
<li></li>
</ul>

Esempi con jParallax

Questo post è stato postato martedì, settembre 2nd, 2008 at 09:47 nella categoria Programmazione, Siti Web, Tecnologia, tutorial. Tags:, , , .
Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

Lascia un commento

You must be loggati to post a comment.