html - 在不同的页面大小上隐藏固定宽度的 jquery carousel 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;
}

这将使您的轮播在任何分辨率下都居中。