Le carrousel de largeur complète est-il possible?

Question

Je voudrais faire la largeur complète du carrousel JSSOR, sans redimensionner la hauteur du tout lorsque la fenêtre redimensionne. Donc, sur un écran large, il montrerait plus de diapositives et sur un écran étroit, il montrera moins, sans une hauteur de mutation. Je ne veux pas que le curseur ait redimensionné, je veux juste qu'il soit coupé, si cela a du sens.

Jusqu'à présent, j'ai travaillé comme je l'aimerais dans Firefox, Chrome, Safari et Opera. Si je ne l'explique pas très bien, je m'excuse, vous pouvez voir un exemple de la façon dont j'aimerais que cela fonctionne ici: http://jesseStessman.com/110/slider.php dans Firefox, Chrome, Safari ou Opera. Remarque, lorsque vous redimensionnez la fenêtre, vous devez vous rafraîchir pour redimensionner le curseur.

Mon problème est que cela ne fonctionne pas dans IE. Il a juste une largeur de 100px dans IE et je ne sais pas comment le faire fonctionner.

J'apprécie toute aide que vous pouvez donner. Je réalise la façon dont je l'ai maintenant n'est probablement pas la meilleure façon d'accomplir cela, mais je ne suis pas très bon avec JavaScript, donc je viens de jouer avec elle jusqu'à ce que je rende à ce point. Toute suggestion sur de meilleurs moyens de faire cela est certainement la bienvenue.

Merci d'avance pour l'aide.

Answer 1

S'il vous plaît ajouter une ligne $ ("# NEWS-SLIDER"). Largeur ("100%");

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

Vous avez oublié de changer en suivant CSS, rendez la largeur supérieure à la largeur de l'écran.

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