jQuery/Cycle/背景图片

Question

我正在尝试让 jQuery Cycle 在多个背景图像上工作，但我不确定为什么它不起作用。我根本看不到任何图像。

我这里有一个带有示例代码的 fiddle :

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%; }