jQuery背景图像转换

Question

我有一个div，它有一个'home.jpg'图像作为背景，当我点击某些东西时，我想要背景为'another_image.jpg'。事情是，我想要新的背景淡入，而不只是出现（通过做一些.css（'背景'，url（'another_image.jpg'））;）

有没有办法做到这一点？我已经试过bgImageTransition插件，但它只是增加了对DIV我有顶部的另一个元素...

感谢，

Answer 1

做到这一点的唯一方法是在新的背景另一个元素褪色。

或者，您可以立即更改背景，然后使用旧背景创建一个新元素并将其淡入列出。

Answer 2

编辑：添加淡入淡出效果：http://jsfiddle.net/8vHa2/3/

（点击JQuery的标志）

请记住，这种影响需要第二个元素淡出或者，所以我的建议是为了坚持你正在尝试的插件。

Answer 3

你应该检查出this blog post关于动画背景图像......这是一个非常酷的效果。所有你需要做的就是把你的两个图像变成一个精灵并使用该脚本。

Here is the demo。