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