Bonjour à tous et meilleurs voeux
j'ai mis en place un système parallax qui agit au déplacement de la souris, mais l'effet ne fonctionne pas.
http://www.vousloire.com/parallax/

je me suis basé sur ce système : http://webdev.stephband.info/parallax.html

Quelqu'un aurait-il une idée ?
Merci

7 réponses


BlackDesign
Réponse acceptée

J'ai essayer dans refaire un, mais rien à faire ^^

Salut,
je pense qu'il faut utilisé la liste à puce
toi tu utilise actuellement une div, comprenant des balise p

Essaie comme sa pour voir :

<ul id="parallax">
          <li id="plan3" style="position: absolute; left: 50%; margin-left: -435px; top: 50%; margin-top: -110px;"><img width="870" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan3.png"></li>
          <li id="plan2" style="position: absolute; left: 50%; margin-left: -385px; top: 50%; margin-top: -110px;"><img width="770" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan2.png"></li>
          <li id="plan1" style="position: absolute; left: 50%; margin-left: -335px; top: 50%; margin-top: -110px;"><img width="670" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan1.png"></li>
</ul>

J'ai juste changer la <div> en <ul>, et le <p> en <li>

bagui
Auteur

non çà ne change rien, par contre sur ce site l'effet est impeccable http://www.proposdejardin.fr

Le style qui est dans chaque li, il ne faut pas l'écrire

<ul id="parallax">
<li id="plan3"><img width="870" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan3.png"></li>
<li id="plan2"><img width="770" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan2.png"></li>
<li id="plan1"><img width="670" height="217" alt="" src="http://www.proposdejardin.fr/images/fleurs-plan1.png"></li>
</ul>

il se génère tous seul.

bagui
Auteur

désolé mais ce ne marche tjs pas

Dsl, j'essaie de trouver la solution, mais pour l'instant je n'arrive pas,
je suis sur que c'est un truc tous bêtes ^^

bagui
Auteur

je suis d'accord avec toi...