Parallax background images

#css#html#jquery#parallax

Make sure to download the following file and link it to your HTML file.

parallax.min.js

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Parallax</title>
  
<script type="text/javascript" src="parallax.min.js"></script>
  
</head>

HTML

<div class="parallax-window" data-position="top" data-parallax="scroll" data-image-src="path/to/image.jpg" style="min-height:400px;"></div>

CSS

.parallax-window {
	min-height: 400px;
	background: transparent;
	position:relative;
}

JQUERY

jQuery('.parallax-window').parallax();