È possibile carosello a larghezza totale?

Question

Vorrei rendere il JSSOR carosello completo, senza ridimensionare l'altezza quando la finestra ridimensiona. Quindi su un ampio schermo, mostrerebbe più diapositive e su uno schermo stretto mostrerà meno, senza sempre altezza di cambiamento. Non voglio che il cursore ridimensiona, voglio solo che tagliare, se ciò ha senso.

Finora L'ho funzionato come mi piacerebbe in Firefox, Chrome, Safari e Opera. Se non lo spiego molto bene, mi scuso, puoi vedere un esempio di come mi piacerebbe lavorare qui: http://jessetessman.com/110/slider.php in Firefox, Chrome, Safari o Opera. Nota, quando si ridiseleziona la finestra è necessario aggiornare per ridimensionare il cursore.

Il mio problema è che non funziona in IE. Ha solo una larghezza di 100px in IE e non ho idea di come farlo funzionare.

Apprezzo qualsiasi aiuto che tu possa dare. Mi rendo conto del modo in cui lo ho ora è probabilmente non è il modo migliore per andare a realizzare questo, ma non sono molto bravo con JavaScript, quindi ho semplicemente incasinato di esso fino a quando non sono arrivato a questo punto. Eventuali suggerimenti su modi migliori per farlo sono certamente benvenuti.

Grazie in anticipo per l'aiuto.

Answer 1

Aggiungi una riga $ ("# news-slider"). Larghezza ("100%");

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

.

Hai dimenticato di cambiare il seguente CSS, rendere la larghezza maggiore rispetto alla larghezza dello schermo allora.

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

.