18041 sujets

Questions générales et questions de débutants

Difficulté avec le parallax

Bonjour à tous,

J'essaye depuis ce matin à mettre en place du parallax sur un site. et après de nombreuse recherche je ne trouve pas ce qui ne va pas dans mon code.

voici mon code:

HTML:

<head>
......
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="scripts/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#sect1').parallax("center", 0, 0.1, true);
$('#sect2').parallax("center", 0, 0.1, true);
$('#sect1_bg').parallax("center", 0, 0.3, true);
})
</script>
</head>
<body>
.......


<section class="content">
<div id="sect1">
<div id="sect1_bg"></div>
</div>
<div id="sect2"></div>
<div id="footer"></div>
</section>

css:


.content{
position: absolute;
right: 0;
width: 85%;
height: auto;
background-color: #191919;

}




#sect1, #sect2{
height: 900px;
width: 100%;
}

#sect1{
background: url(img/1.png) center 0 no-repeat fixed;
}


#sect1_bg{
height: 100%;
background: url(img/logo_bg.png) center 0 no-repeat fixed;
}

#sect2{
background: url(img/bg1.png) center 0 no-repeat fixed;
}





Les seule message d'erreur dans la console que j'ai:

"L'uitilisation de "getPreventDefault()" est obselète. defaultPrevented" à la place.


Merci d'avance pour votre aide.
Modérateur
Bonjour,

Déjà, il faudrait prendre des versions plus récentes des .js que tu utilises (par exemple jQuery 1.6.4, ça date de 2011). Et il faut bien vérifier que les versions des différents .js sont compatibles (regarde dans les prérequis de chacune d'entre elles).

Amicalement,
Sujet clos
Aller à