Как запустить скрипт jQuery перед началом страницы Загрузить

Question

все. Получил WORDPRESS + DIVI THEME.

Я написал сценарий для SWAP LOGOS ON SCROLL. Вот оно:

<script> 
jQuery(function($) { 
$(document).scroll(function() { 
    if($('#main-header').hasClass('et-fixed-header')) { 
     $('#logo').attr('src','SECOND_LOGO_IMAGE'); 
    } 
    else { 
     $('#logo').attr('src','FIRST_LOGO_IMAGE'); 
    } 
}); 
}); 
</script> 

Это работает! И я очень доволен этим.

Так что я хочу загрузить его до начала загрузки страницы, чтобы предотвратить показ FIRST_LOGO_IMAGE на странице, после чего он был перезагружен посередине сайта.

Каждый раз, когда страница была перезагружена, я получил FIRST_LOGO_IMAGE перед тем, как начать прокрутку.

Возможно, мне не нужно менять логотипы ON SCROLL, мне просто нужно их обменивать, а затем # класс основного заголовка изменить на # et-fixed-header и обратно.

Answer 1

Я бы сказал, что вам нужно будет добавить правило CSS, как:

.et-fixed-header { 
background: url(new-image-url); } 

Из того, что я вижу, что фиксированный класс добавляется только если вы прокрутите страницу вниз, так что даже если вы загружаете страницу в средний, класс должен быть присоединен и, вместе с ним, ваш новый заголовок после установки в CSS.