Partage

Problème parallax jquery qui ne fonctionne pas

12 mars 2018 à 15:15:02

Bonjour à tous je me casse la tête depuis plusieurs jours à faire fonctionner ce parallax scrolling mais ne trouve pas la solution. Si quelqu'un trouve je suis preneur ;)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>nouveau Parallax</title>

	<style type="text/css">

		* {
			margin: 0;
			padding: 0;
			color: #fff;
		}
		
		#slide1 {
		   background: url("http://www.manasurfschool.com/wp-content/uploads/2014/04/bokeh-cover-bg.jpg") center 0 no-repeat fixed;
		   height: 100vh;
		   width: 100%;
		   background-size: cover;

		}

		#slide2 {
		   background: url('http://bgtorrentz.net/wp-content/themes/bgtorrentz/images/bg1.jpg') center 0 no-repeat fixed;
		   height: 100vh;
		   width: 100%;
		   background-size: cover;
		}

		#slide3 {
		   background: url('https://alderton-jun.essex.sch.uk/staffs/primary/etchinghill/web/bg-light-681.jpg') center 0 no-repeat fixed;
		   height: 100vh;
		   width: 100%;
		   background-size: cover;
		}

		.slide {
			height: 100vh;
		}
	</style>
</head>
<body>
	<div id="slide1">
		<div class="slide">
			<h1>Titre</h1>
			<p>Paragraphe</p>
		</div>
	</div>

	<div id="slide2">
		<div class="slide">
			<h1>Titre</h1>
			<p>Paragraphe</p>
		</div>
	</div>

	<div id="slide3">
		<div class="slide">
			<h1>Titre</h1>
			<p>Paragraphe</p>
		</div>
	</div>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript" src="script/jquery.parallax-1.1.js"></script>
	
	<script type="text/javascript">	
		$(document).ready(function(){		
		    $('#slide1').parallax("center", 0, 2, true);
		    $('#slide2').parallax("center", 900, 2, true);
		    $('#slide3').parallax("center", 2900, 2, true);
		})
	</script>

</body>
</html>



Problème parallax jquery qui ne fonctionne pas

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown