Code ne fonctionne pas........

elrking096 Messages postés 1482 Statut Membre -  
animostab Messages postés 3003 Statut Membre -
bonjour

comment avoir un effet parralaxe sur son site avec jquery et css ?

regardez mon code, pourquoi ne fonctionne-t-il pas ??? ça fait 2 semaine que j'essaye j'y arrive pas

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="jquery.localscroll-1.2.7-min.js"></script>

<style>
#slide1 {
background: url(fond.png) center repeat;
height:1000px;
}

#slide2 {
background: url(fond1.png) center repeat;
height:1000px;
}

</style>
</head><body><div id="slide1">
...
</div>


</div>

<div id="slide2">
...
</div>

<script type="text/javascript">
$(document).ready(function(){
$("#slide1").parallax("center", 0, 0.3, true);
$("#slide2").parallax("center", 0, 0.3, true);
})
</script>

</body>
</html>


merci de votre aide
A voir également:

1 réponse

animostab Messages postés 3003 Statut Membre 738
 
salut

déjà tu appelles 2 fois le script jquery.parallax-1.1.3.js supprime en 1

ensuite tu as une fermeture de div a supprimer
<div id="slide1">
...
</div>


</div> --> à supprimer

mets ce code plutot juste après <body>

<script type="text/javascript">
$(document).ready(function(){
$("#slide1").parallax("center", 0, 0.3, true);
$("#slide2").parallax("center", 0, 0.3, true);
})
</script>

ensuite as tu bien importé les js à la racine du site ?
jquery.js
jquery.parallax-1.1.3.js
jquery.localscroll-1.2.7-min.js

0