Question

我正在尝试实现Nerve滑块，我希望在浏览器的宽度和高度上拉伸。我甚至为Div指定了一个固定的宽度，但插件似乎重新调整它的大小。

我知道如何将高度和宽度强制为临时背景图像的完整大小。

http://play.mink7.com/sophiance/

.homeSlider {
    width: 100%;
    height: 990px;
    position: absolute;
}
.homeSlider > #slider {
    width: 100%;
    height: 990px !important;
    background-image:100%;
}

的的 ** **编辑

将高度和宽度更改为100％完成了这项工作。当我调整浏览器大小时，我在该部分中获得了一个空白区域。我可以通过任何方式使滑块适合该部分，但不应调整高度。

Answer 1

这是插件的非缩小版本中默认设置的开始：

$.fn.startslider = function (userOptions) {
    var options = $.extend({
        sliderWidth: "1200px",
        sliderHeight: "500px",

初始化页面上的滑块时，需要覆盖这些值。

修改

正如迈克尔所说，你可以这样做：

sliderWidth: $(window).width() +"px", sliderHeight: $(window).height()+"px"

Answer 2

使用Nerve滑块将滑块设置为全屏时有一个选项。

$.fn.nerveSlider = function(userOptions) {
        var options = $.extend({
            sliderWidth: "1200px",
            sliderHeight: "500px",
            sliderHeightAdaptable: false,
            sliderFullscreen: false,

只需将此行设为true：

sliderFullscreen: true,

应该做的伎俩。

jQuery Slider可以拉伸全宽度高度

2 个答案: