Хочу сделать фон-parallax. Для этого использовала этот плагин -
Simple Parallax Scrolling, но эффект не отображается.
Вот html код:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script scr="js/parallax.min.js"></script>
<section class="parallax-window" data-parallax="scroll" data-image-src="./images/1.jpg">
<div class="title">
<h1>i<font color="#b41230">'</font>m text</h1>
</div>
</section>
css:
section {
height: 100vh;
background-color: #666;
position: relative;
}
.title {
display: inline-block;
line-height: 0.6em;
text-align: left;
text-transform: uppercase;
position: absolute;
height: 100px;
width: 416px;
margin-left: -208px;
margin-top: -50px;
top: 50%;
left: 50%
}
.parallax-window {
min-height: 400px;
background: transparent;
}