Анимация домашней страницы темы WP не отображается на домашней странице на другом языке - PullRequest
0 голосов
/ 09 апреля 2020

Я помогаю подруге с ее сайта 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;

});

Надежда Понятно, о чем я спрашиваю.

СПАСИБО

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...