Parallax doesn't work #225
Description
Hello everybody!
After one hour working with this plugin I couldn't make it work. I can't see the image and almost anything.
I'd like to have the image in background and put elements over it
Here it's my code, if someone helps me I'll be very happy.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="parallax-window" data-parallax="scroll" data-image-src="../assets/img/horizon2020.jpg">
<div class="parallax-slider">
<h1 style="position:absolute; top: 400px; left: 400px;">Some Text</h1>
<h1>Some other Content</h1>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.parallax-window').parallax({
naturalWidth: 600,
naturalHeight: 400
});
});
</script>
<style>
.parallax-window {
min-height: 400px;
background: transparent;
}
</style>
</body>
</html>