完全幅カルーセルは可能ですか？

StackOverflow https://stackoverflow.com//questions/25049560

  •  21-12-2019
  •  | 
  •  

質問

ウィンドウがサイズ変更されたときに高さを全くサイズ変更することなく、JSSORカルーセル全幅を作りたいと思います。そのため、ワイドスクリーンでは、高さを変えることなく、それが狭い画面にもっとスライドを表示するでしょう。スライダーがサイズ変更したくない、それが理にかなっているのであれば、切り取られてほしいだけです。

これまでのところ、Firefox、Chrome、Safari、Operaのように働いています。私がそれをうまく説明していないならば、私は謝罪します、私がここで仕事をしたいのですが、ここでの仕事をしたいのかの例を見ることができます： http://jessetessman.com/110/slider.php 。メモ、ウィンドウのサイズを変更すると、スライダのサイズを変更するために更新する必要があります。

私の問題は、IEでは機能しません。 IEに100ピクセルの幅がありますが、それを働く方法はわかりません。

あなたが与えることができるすべての助けに感謝します。私は今それを私が持っている方法を理解しています。これを行うためのより良い方法についての提案は確かに歓迎されています。

助けてくれてありがとうございました。

役に立ちましたか？

解決

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top