Code ne fonctionne pas........
elrking096
Messages postés
1482
Statut
Membre
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
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
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
1 réponse
-
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
