旋转（改变），居中，拉伸背景图片脚本

Question

我试图找到一个脚本，将让我有我的网站上改变我的背景图像，并具备下列条件：

• 保持居中
• 无法调整
• 不允许你身边滚动才能看到整个事情（换句话说，它必须像一个典型的背景，而不是图像），并慢慢
• 淡入淡出，并要经过好几个图像和然后重新启动

看起来很容易完成其中的一个或两个，但所有这些东西似乎几乎是不可能的......有很多使用jQuery幻灯片的实现，但它们都要求您每个图像都有独立的div，然后要求你指定一个尺寸以便看到背景图像，从而允许你滚动屏幕，或者，图像调整到整个窗口，这也是我不想要的，或者它不会居中。

This tutorial只是我在找什么，除了图像调整到窗口。这似乎是一个额外的功能，将更多的工作有比不有，但我不知道如何摆脱它。

无论如何，如果有人知道现有的资源，并以我所寻找的例子为例，那将是非常棒的，也可能是我分享的那个小小的改变。

Answer 1

想通了。

您可以使用代码来自教程，但更改CSS是这样的：

#slideshow, img.bgM { 
    width:1600px; 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 50%; 
    margin-left:-400px; 
    z-index:-9999; 
} 

宽度刚好然而宽的BG图像，请注意，他们将不得不全部是相同，否则它们会长到适合宽度。

位置：固定;将防止滚动发生。

但是要以固定位置居中，必须先左侧50％部分，然后将左侧边距设置为图像宽度的负1/4。为什么是1/4？我不太确定...... 1/2对我来说是有意义的，这就是许多定位固定元素定位所用的教程，但对我而言，它是1/4。奇怪的！

无论哪种方式，它应该很好。希望这可以帮助别人！