Возможна ли полная ширина Carousel?

Question

Я хотел бы сделать jssor carousel полную ширину, не изменяя высоту, когда окно изменяется. Таким образом, на широком экране он показал бы больше слайдов и на узком экране он покажет меньше, не изменяя высоту. Я не хочу, чтобы слайдер изменить размер, я просто хочу, чтобы это отрезать, если это имеет смысл.

До сих пор у меня есть работа, как я бы хотел в Firefox, Chrome, Safari и Opera. Если я не объясню это очень хорошо, я прошу прощения, вы можете увидеть пример того, как я хотел бы, чтобы он работал здесь: http://jessetessman.com/110/slider.php в Firefox, Chrome, Safari или Opera. Примечание, когда вы разместите окно, вы должны обновить, чтобы изменить размер ползунка.

Моя проблема в том, что она не работает в IE. Он просто имеет ширину 100 пикселей в IE, и я понятия не имею, как его работать.

Я ценю любую помощь, которую вы можете дать. Я понимаю, как у меня есть сейчас, вероятно, не лучший способ выполнить это, но я не очень хорошо с JavaScript, чтобы я просто запутался с ним, пока не дошел до этого момента. Любые предложения о лучшем способах сделать это, безусловно, приветствуются.

заранее спасибо за помощью.

Answer 1

Пожалуйста, добавьте одну строку $ («# News-Slider»). Ширина («100%»);

        var jssor_slider1 = new $JssorSlider$("news-slider", options);
        $("#news-slider").width("100%");

.

Забыл изменить следующие CSS, сделать ширину большей, чем ширина экрана.

#news-slider {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; position: relative;
}
#news-slider .slides {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; z-index: 0;
}

.