Как создать слайд-шоу изображений с помощью jquery, но со свойством background-image?

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

Как создать эффект слайд-шоу со следующими изображениями, например, image2, image3 и т. д. ...

Я пробовал цикл jquery, но его форма выглядит так:

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

но мне нужен только скрипт для повторного изменения свойства background-image с исчезающим эффектом ...

Спасибо

Answer 1

Это, кажется, делает трюк.http://www.ovalpixels.com/blog/2009/02/21/making-fancy-websites-without-flash-animating-background-image/