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
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 [...]
Twitter e la fotografia, un rapporto difficile, contrastato e che non riesce a decollare. Sono pochissimi i fotografi (professionisti e non) che usano il social network dell’uccellino azzurro: se è difficile farsi capire con una foto, in soli 140 caratteri il tutto diventa ancora più complicato. Ci sono però delle eccezioni (rare). Mi sono permesso [...]
La progettazione di un logo è un processo molto lungo, spesso è molto difficile trovare idee che coincidano con le esigenze dei clienti. Quando si progetta un logo aziendale bisogna tenere conto di diversi aspetti: il tipo di font, colori, equilibrio e simbolismo per citarne alcune. Lo scopo di questo articolo è quello di mostravi [...]
Se ti stai appassionando al settore del Digital Publishing sicuramente avrai giù sentito parlare dell’Adobe Digital Publishing Suite. Per i designer che non fanno della programmazione la loro arma di business questa è sicuramente un opportunità più unica che rara di ampliare il proprio settore di guadagno e dando anche uno sguardo al futuro. Siccome [...]
A seguito della prima Market Conference del 29 febbraio scorso, il team di Facebook ha annunciato diverse novità relative alla nuova Timeline delle pagine e alle modalità di Ads nel social network. Proprio quest’ultime hanno subito una grande revisione, chiamiamola così, e sono state introdotte Le nuove Premium Ads, I Post in page e Le [...]
Sei in metro, la tua quotidianità sta cominciando e tutto d’un tratto, ti passa una persona in mutande davanti, come se nulla fosse. Esci dalla metro, passi per il parco della tua città e senti una gran cagnara arrivare dalla giostra dei cavalli, ti avvicini e… una gara di cavalli? Sulla giostra? Certo! Ma non [...]
Come si fa un virale? E in quali settori è più efficace? Oggi esploro il mondo del cinema a caccia di esempi che dimostrino il valore di un’azione di marketing non convenzionale per lanciare un film. Una campagna virale si crea a tavolino? E’ possibile anticiparne i risultati a priori? E quanto valore ha effettivamente, [...]

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