我想制作JSSOR转盘全宽,当窗户调整大小时,无需调整高度的大小。因此,在宽屏幕上,它将显示更多的幻灯片,并在狭窄的屏幕上显示,它将显示较少,而不会变化高度。我不希望滑块调整大小,我只是希望它切断,如果这有意义。

到目前为止,我已经在Firefox,Chrome,Safari和Opera中工作了。如果我不是很好地解释它,我深表歉意,你可以看到一个例子,我希望它如何在这里工作: http://jessetessman.com/110/slider.php 在Firefox,Chrome,Safari或Opera中。注意,当您调整窗口大小时,您必须刷新以调整滑块大小。

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

我欣赏你可以给予的任何帮助。我现在意识到我现在的方式可能不是要完成这一点的最佳方式,但我对Javascript并不是很好,所以我刚刚搞砸了,直到我到达这一点。关于更好的方法的建议肯定是欢迎。

提前谢谢你的帮助。

有帮助吗?

解决方案

请添加一行$(“#demend-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