jquery - 希望背景每 3 秒更改一次

Question

这是 jsfiddle:http://jsfiddle.net/k57VE/1/

       $(document).ready(function(){

    var images = [ "http://i.imgur.com/X2G0MEL.jpg", "http://i.imgur.com/5XMcoCX.jpg", "http://i.imgur.com/CTFvvcf.jpg"];
    var currentImage = 0;

function changeBackground() {
    $( '#splash' ).css( { background-image: 'url(' + images[ ++currentImage ] + ')' } );
    if ( currentImage >= images.length - 1 ) {
        currentImage -= images.length;
    }
}

setInterval( changeBackground, 3000 );  
});

});

我试图让背景每 3 秒更改一次。我已设置更改 css，但我不知道自己做错了什么。

Answer 1

查看您自己的 Fiddle 链接时检查您的开发人员控制台，您会发现

Uncaught SyntaxError: Unexpected token -

.css({ background-image: ... 是一个语法错误。您需要引用您的属性名称，因为文字属性名称不能包含连字符。

$('#splash').css({ "background-image": 'url(' + images[++currentImage] + ')' });

您的代码末尾还有一个额外的 })，这是另一个语法错误。