在不同的页面大小上隐藏固定宽度jquery轮播div的末端

Question

我甚至不确定我要求的是可能的，所以可以使用一些专家建议。

http://proof.jiujitsu.co.za/index.html

我有一个包含jquery轮播的固定宽度div。

轮播比主页内容宽。

当页面加载到较小分辨率的屏幕（例如1280 x 1024）时，页面的其余部分会按预期移动，但显然轮播div不会。

是否可以“移动”旋转木马，以便中间三个未遮罩的图像与页面内容的其余部分保持一致，并且两个外部蒙版图像在屏幕外消失。

如果有可能，我会从哪里开始，js或css？

Answer 1

您可以更改以下内容：

.slider_layout {
    width: 1605px;
    margin: 0 auto;
    overflow: hidden;
}

以下内容：

.slider_layout {
    width: 1605px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -802px;
}

这将使您的旋转木马以任何分辨率为中心。