javascript - 在一定时间后随机更改 wordpress 标题图片

Question

我的 WordPress 页面上有一个标题图片，当您进入我的网站时，它会随机加载 6 张图片。当用户访问我的网站时，我正在尝试切换该组图像。我正在使用此代码，但如果我使用 <?php echo $header; ?> 就会出现问题:

function show_banner(){
    document.getElementById('masthead').style.backgroundImage="url('<?php echo $header; ?>')";
}

window.onload = function() {
   setTimeout(show_banner, 2000);
};

如果我将 url 设置为真实链接，它可以工作，但我需要它从已上传的图片中随机加载一张图片。这是我的变量:

<?php
      do_action('lithestore_start_header');
      $header=get_header_image();
      $header_class='';
      $header_picture='';
      if(is_home() || is_front_page()){
        if(has_header_image()){
          $header_class=" site-cover";
          $header_picture=' style="background-image:url('.esc_url($header).');"';
        }
      }
    ?>
    <header id="masthead" class="site-header<?php echo esc_html($header_class);?>" role="banner"<?php echo $header_picture;?>>

        <?php
        /**
         * Hook lithestore_header
         * @hooked lithestore_before_navigation - 0
         * @hooked lithestore_custom_logo - 10
         * @hooked lithestore_primary_navigation - 20
         * @hooked lithestore_top_buttons - 30
         * @hooked lithestore_after_navigation - 40
         * @hooked lithestore_cover - 50
         */
        do_action('lithestore_header');
        ?>
    </header>

此外，我如何为脚本分配一个循环，使其不会只更改一次图像？

感谢任何帮助，谢谢。

Answer 1

您的 php 代码以

开头

$header=get_header_image();

但是您粘贴的代码没有定义“get_header_image();”功能。

我想您需要向我们展示“get_header_image();”代码，以便我们确定此功能有什么问题。