将背景图像设置为另一个 - CSS / JQuery

Question

我的HEADER元素有一个背景图像，我需要在延迟3秒后将其交换到另一个图像，我已经浏览了整个互联网，我找不到解决方案！我已经尝试过CSS3和Jquery，但我无法让它工作。

由于网站的构建方式，它必须是更改元素的背景图像，而不是HEADER元素中嵌套的Div。

---

---已解决/解决方案---

JS

 $(document).ready(function() {
      $("header").delay(5000).queue(function() {
          $(this).css({
              "background-image": "url(<?php bloginfo('template_url') ?>/img/header-boy-hover.jpg)"
          });
      });
  });

CSS

header {
    -webkit-transition:all 1s ease-in;
    -moz-transition:all 1s ease-in;
    -o-transition:all 1s ease-in;
    -ms-transition:all 1s ease-in;
    transition:all 1s ease-in;
}

Answer 1

之前已经提出了类似的问题 - 这应该给你一个答案

Change CSS background-image with different intervals via jQuery