Jquery 循环作为backgound映像不工作

我试图将图像循环为背景图像，但它不起作用

我知道如何在li标签中使用img标签制作滑块，但它必须保持该格式作为背景图像

Html：

<ul>
    <li id="img1"></li>
    <li id="img2"></li>
    <li id="img3"></li>
    <li id="img4"></li>
</ul>


<script src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script src="http://malsup.github.com/jquery.easing.1.3.js"></script>
<script>$('li').cycle();</script>

JSFIDLE：

---

它用于父元素。像这样打电话

$('ul').cycle();

拨弄

$('ul').cycle();