在不同的页面大小上隐藏固定宽度的jquery carousel div的末尾

Question

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

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

我有一个固定宽度的div，其中包含一个jquery转盘。

转盘比主页面内容更宽。

当页面加载到较小分辨率的屏幕上（例如1280x1024）时，页面的其余部分会按预期移动，但转盘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;
}

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