javascript - 如何使用 jquery 创建图像幻灯片但具有背景图像属性？

Question

我有这个 HTML:

<div id="content_home_preview">

</div>

还有这个 CSS:

#content_home_preview{
float: left;
margin: 0;
padding: 0;
width: 940px;
height: 469px;
background-image: url("../Images/image1.png");
repeat: no-repeat;
}

如何使用下一张图片创建幻灯片效果，例如图片 2、图片 3 等...

我试过 jquery cycle 但它的形式是这样的:

<div id="content_home_preview">
    <div class="image1"></div>
    <div class="image2"></div>
</div>

但我只需要脚本来重复更改具有渐变效果的背景图像属性...

谢谢

Answer 1

这似乎可以解决问题。 http://www.ovalpixels.com/blog/2009/02/21/making-fancy-websites-without-flash-animating-background-image/