旋转（更改），居中，未拉伸的背景图像脚本

Question

我正在尝试找到一个脚本，让我可以在我的网站上更改并满足以下条件：

• 保持中心
• NOT resize
• 不允许您滚动查看整个内容（换句话说，它必须像典型的背景，而不是图像）
• 慢慢淡入淡出，然后重复几张图片，然后重新启动

似乎很容易完成其中的一两件事，但所有这些事情似乎几乎都不可能......有很多实现使用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。怪异！

无论哪种方式，它应该很有效。希望这有助于其他人！