Здравствуйте
Пытаюсь добавить параллакс эффект на сайт, плагин - jquery.parallax.js
Все подключил, настроил, но параллакс работает только "вверх-вниз", горизонтального эффекта нет
Вот код:
$(document).ready(function() {
$(function() {
$('.parallax-layer').parallax({
mouseport: $('#preview')
});
});
})
<section id="preview">
<div class="parallax-layer par-1"></div>
<div class="parallax-layer par-2"></div>
<div class="parallax-layer par-3"></div>
<div class="parallax-layer par-4"></div>
</section>
#preview {
background: #222;
height: 400px;
position: relative;
text-align: center;
clear: both;
}
.parallax-layer {
z-index: 0;
position: absolute;
height: 600px;
width: 1250px;
}
.parallax-viewport {
position: relative;
overflow: hidden;
}
.par-1 {
width: 100%;
background: url(../images/par1.png) repeat;
}
.par-2 {
width: 100%;
background: url(../images/par2.png) repeat;
}
.par-3 {
width: 100%;
background: url(../images/par3.png) repeat;
}
.par-4 {
width: 100%;
background: url(../images/par4.png) repeat;
}
