Javascript 设置：after元素的背景图像动画

有此代码：

#header .banner { background-color:#000; height:270px; }
#header .banner:after { content: ""; background:url(/images/header_1.jpg) center center; width:100%; min-width: 1024px; height:270px; margin: auto; display: block;}

我需要使用JavaScriptjQuery或css3将/images/header_1.jpg转换为其他图像

---

这可能吗？

如果您希望图像前后交替，有几种方法可以做到这一点。最简单的方法是将setInterval与JQuery的.css特性结合使用

var state = 0;
function start(){
    setInterval(function(){
        if(state=0){
            state = 1;
            $("header").css("background","url(/images/header_1.jpg)")
        } else {
            state = 0;
            $("header").css("background","url(/images/header_2.jpg)")
        }
    },1000);
}

start();

1000表示更改发生前的时间（毫秒）

---

您也可以简单地将图像转换为动画png。

如果您不希望图像前后交替，您也可以让setInterval函数包含clearInterval，以便执行一次，然后停止。这里的问题不是如何执行javascript，而是如何更改：after css元素。请注意，背景不在header.banner中，而是在his:after元素中。