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
Prezzo: EUR 29,00
Promozione: EUR 21,75
Prezzo: EUR 32,00
Promozione: EUR 27,20
Prezzo: EUR 24,90
Promozione: EUR 21,16
Prezzo: EUR 32,00
Promozione: EUR 24,00
Articoli simili AjaxFreeGraficaHTMLImmaginiJavaScriptjQuerySviluppo
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli  articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]

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
mkman
3 dicembre 2010
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!
Matteo Chiti
6 aprile 2012
Ho approfondito per bene questo argomento, visto che mi interessava questo effetto, ho quindi creato una guida su come ricreare l’effetto parallasse di Nike Better World, se vi può interessare questo è il link all’articolo: http://www.brick-instructions.it/2012/04/06/tutorial-per-il-parallax-scrolling-effetto-parallasse/
Il tutorial è bello lungo ma credo di essere stato abbastanza chiaro! ^^