如何：从一个背景图像滑动到另一个100％的高度和宽度

Question

大家好（可能还有女孩！）

我正在寻找一种方法，可将背景图片滑动到左侧，并用另一背景图片替换右侧的第一张幻灯片。 这需要进行设置，以便可以替换图像（因此，当您单击页面时，将出现唯一的图像并替换上一个图像）。

我在jQuery animate函数等方面做了很好的尝试： animate("backgroundPosition: "-" + $(window).width() + " 0px");

与此插件配合使用效果很好： http : //keith-wood.name/backgroundPos.html

目前，我在身后有一个div标签，其高度和宽度为100％，位置的绝对位置为z-index：-1。 它的静态效果很好，但我无法找到一种平滑的方法（将其移到侧面），同时又从左侧加载了另一张图片，并滑过了旧的图片。

我已经尝试了大多数事情，但是如果有人对如何正确解决这个问题有任何想法，那就太好了。

Answer 1

为何不使用背景位置，而不在相邻的绝对位置div静态放置背景？ 将第二个div保持在要切换到的背景下，然后同时滑动两个div移动原始的离屏和新的一个。

您可以通过随后破坏屏幕外的div并在另一侧以序列中的下一个背景在屏幕外重新创建效果来使效果持续进行。