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
Articoli simili in Ajax, Free, Grafica, HTML, Immagini, JavaScript, jQuery, Sviluppo
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web.
Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
...
Markino
2 settembre 2008
Interessante, ma non so in che occasione potrebbe tornare utile uno script di questo genere…
Guido
2 settembre 2008
Esiste qualcosa del genere anche in Flash?
Sergio
2 settembre 2008
Che forte!
Silvia
2 settembre 2008
Hem si ma a cosa serve?
Luca
2 settembre 2008
Robba serissima!
Julius
2 settembre 2008
@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
DnaX
2 settembre 2008
Non male, peccato che sfrutti il 100% della CPU a fare questa cosette con Javascript!
icandesign
5 settembre 2008
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
elisa
28 novembre 2008
Sarà anche vero che non è indispensabile per un sito, però provate a guardare dezignus.com, che lo usa. E’ stu-pen-do!
H2O
4 settembre 2009
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