jQuery / 循环 / 背景图片

Question

我正在尝试让 jQuery Cycle 处理多个背景图像，但不确定为什么它不起作用。我只是没有显示任何图像。

我这里有一个示例代码：

http://jsfiddle.net/6kjA6/1/

$(document).ready(function() {

    $('#headerRotate').cycle({
        fx: 'fade',
        timeout: 2000
    });
});

<div id="headerRotate">
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/692316_image-2.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div>
    <div style="background:url('http://www.lilaclaneequestrian.com/_uploads/headers/23874_image-4.jpeg') no-repeat left top; height: 550px; background-size: 100%;"></div>
</div>

Answer 1

在 div 上设置一些 CSS 来处理它：http://jsfiddle.net/6kjA6/5/

#headerRotate { width: 100%; }    
#headerRotate div { width: 100%; }