Я помогаю подруге с ее сайта WP. Она попросила добавить перевод страницы на английский sh. Проблема в том, что на ее домашней странице веб-сайта есть фон с движущейся анимацией (например, паралаксом), меню и всем этим, но я не могу повторно воспроизвести эту анимацию для переведенной домашней страницы. Выбор шаблона HOMEPAGE в разделе страницы добавляет меню и все, но не воссоздает фон.
В CSS Я нашел элементы BG:
.wrap {
height: 100%;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bg1, .bg2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-size: cover !important;
transform: scale(1.1);
}
.bg1 {
background: #07121e url('img/floaties top.png') no-repeat center center;
}
.bg2 {
background: transparent url('img/floaties bottom.png') no-repeat center center;
}
в JS найдено:
function moveBackground() {
x += (lFollowX - x) * friction;
y += (lFollowY - y) * friction;
translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';
translate2 = 'translate(' + y + 'px, ' + x + 'px) scale(1.1)';
$('.bg1').css({
'-webit-transform': translate,
'-moz-transform': translate,
'transform': translate
});
$('.bg2').css({
'-webit-transform': translate2,
'-moz-transform': translate2,
'transform': translate2
});
window.requestAnimationFrame(moveBackground);
}
$(window).on('mousemove click', function(e) {
var lMouseX = Math.max(-100, Math.min(100, $(window).width() / 2 - e.clientX));
var lMouseY = Math.max(-100, Math.min(100, $(window).height() / 2 - e.clientY));
lFollowX = (20 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
lFollowY = (10 * lMouseY) / 100;
});
Надежда Понятно, о чем я спрашиваю.
СПАСИБО