可以使用全宽旋转木马吗?

时间:2014-07-31 01:27:42

标签: carousel jssor

我想让Jssor Carousel全宽,当窗口调整大小时根本不调整高度。因此,在宽屏幕上,它会显示更多幻灯片,在狭窄的屏幕上,它将显示更少,而不会改变高度。我不希望滑块调整大小,我只是想让它切断,如果这是有道理的。

到目前为止,我已经在Firefox,Chrome,Safari和Opera中使用了它。如果我没有很好地解释它,我道歉,你可以看到我喜欢它如何在这里工作的例子:Firefox,Chrome,Safari或Opera中的http://jessetessman.com/110/slider.php。请注意,当您调整窗口大小时,您必须刷新以调整滑块的大小。

我的问题是,它在IE中不起作用。它在IE中只有100px的宽度,我不知道如何让它工作。

我感谢您提供的任何帮助。我意识到我现在拥有它的方式可能不是最好的方法来实现这一点,但我对javascript并不是很好,所以我只是搞砸了它,直到我达到这一点。任何关于更好的方法的建议当然是受欢迎的。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

请添加一行$("#news-slider")。width(" 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;
}
相关问题