Скрытие кончиков фиксированной ширины jquery carousel div на разных размерах страниц

Question

Я даже не уверен, что я прошу, так что можно воспользоваться советами экспертов.

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

Я иметь фиксированную ширину DIV, содержащий Jquery карусель.

Карусель шире, чем содержание главной страницы.

Когда страница загружается на экране с меньшим разрешением (например, 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; 
} 

который будет держать вашу карусель с центром в любом разрешении.