¿Es posible el carrusel de ancho completo?

Question

Me gustaría hacer el ancho completo del carrusel de JSSOR, sin cambiar el tamaño de la altura en absoluto cuando la ventana cambie de tamaño. Entonces, en una pantalla ancha, mostraría más diapositivas y en una pantalla estrecha se mostrará menos, sin una altura cambiante. No quiero cambiar el tamaño del control deslizante, solo quiero que se corte, si eso tiene sentido.

Hasta ahora lo tengo trabajando como me gustaría en Firefox, Chrome, Safari y Opera. Si no lo estoy explicando muy bien, me disculpo, puedes ver un ejemplo de cómo me gustaría que funcione aquí: http://jessetessman.com/110/slider.php en Firefox, Chrome, Safari o Opera. Nota, cuando cambia el tamaño de la ventana, debe actualizarse para cambiar el tamaño del control deslizante.

Mi problema es, no funciona en IE. Solo tiene un ancho de 100px en IE y no tengo idea de cómo hacerlo funcionando.

Aprecio cualquier ayuda que pueda dar. Me doy cuenta de la forma en que lo tengo ahora, probablemente no sea la mejor manera de lograrlo, pero no soy muy bueno con Javascript, así que simplemente me metí hasta que llegué a este punto. Cualquier sugerencia sobre mejores formas de hacer esto es ciertamente bienvenida.

Gracias de antemano por la ayuda.

Answer 1

Agregue una línea $ ("# News-Slider"). Ancho ("100%");

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

Olvidé cambiar siguiendo CSS, haga que el ancho sea mayor que el ancho de la pantalla.

#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;
}