jParallax: Creare un Effetto Parallasse con jQuery

- Letture: 3.115

jParallax è un plugin sviluppato con il framework jQuery che permette di creare un effetto Parallasse (Parallax) tra immagini

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 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

Sul sito avremo a disposizione diversi demo da visualizzare e una vasta documentazione per utilizzare il plugin

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

13 Commenti

  1. Interessante, ma non so in che occasione potrebbe tornare utile uno script di questo genere…

  2. @Guido ciao ho visto qualcosa a riguardo vedo di trovare un bel esempio

    @Silvia ciao,

    Con questo script puoi creare degli effetti ottici con più piani di livello…

    Forse non sarà un elemento usato spesso ma sicuramente di grande impatto visivo

  3. Grandissimo,
    mi ricordo di averti chiesto un tutorial su qlc del genere in flash e avevi detto che ci avresti lavorato. Anche se non è in flash sei sempre troppo avanti. :)

    Grazie

  4. Sarà anche vero che non è indispensabile per un sito, però provate a guardare dezignus.com, che lo usa. E’ stu-pen-do!

  5. jParallax dev by:stephband.info (‘problem when resizing window if travel set in ‘px’) Here the fixed version with the original license http://www.h2osoft.it/jquery.jparallax.js

    Ho fatto un fix che per la mia necessità va bene(anche quando ridimensiono il browser e ho dato i valori in PX nn impazzisce)

    Non appena mi risponde stephband gli mando il fix e deciderà se pubblicarlo

  6. miiii fighissimo, se si riuscisse ad avere qualcosa del genere in flash potrebbe darmi la possibilitá di grare dei giochini, mi ricordo i primi platform con tre o quattro parallassi…mi fecero venire nelle mutande!

  7. ma sei proprio un genio!! Avevamo proprio bisogno di un altro articolo copiaincollato dalla rete che non dice niente di nuovo…

Commenti