jQuery背景图片转换

Question

我有一个以'home.jpg'图像为背景的div，当我点击某些内容时，我希望背景为'another_image.jpg'。问题是我希望新背景淡出而不仅仅是出现（通过做一些.css（'background'，url（'another_image.jpg'））;）

有办法吗？我已经尝试了bgImageTransition插件，但它只是在我拥有的div之上添加了另一个元素...

谢谢，

Answer 1

执行此操作的唯一方法是使用新背景淡入另一个元素。

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

Answer 2

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

Here is the demo

Answer 3

编辑：添加了交叉渐变效果：http://jsfiddle.net/8vHa2/3/

（单击JQuery徽标）

请记住，这种效果需要第二个元素淡出或淡出，所以我建议你坚持使用你正在尝试的插件。