在一段时间后随机更改wordpress标题图像

时间:2018-01-11 04:29:41

标签: javascript php html css wordpress

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

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

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

如果我将网址设置为真实链接,它可以正常工作,但我需要它来加载已经上传的图像的随机图像。这是我的变数:

<?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>

另外,如何为脚本分配一个循环,以便它不会只改变一次图像?

感谢任何帮助,谢谢。

1 个答案:

答案 0 :(得分:0)

您的PHP代码以

开头
$header=get_header_image();

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

我想你需要向我们展示“get_header_image();”代码,以便我们确定此函数的错误。