2

我正在尝试实现神经滑块,我想在浏览器的宽度和高度上伸展。我什至为 Div 指定了固定宽度,但插件似乎会重新调整它的大小。

知道如何将高度和宽度强制为临时背景图像的全尺寸。

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

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

**编辑**

将高度和宽度更改为 100% 就可以了。当我调整浏览器的大小时,我在该部分中得到一个空白。我可以通过任何方式使滑块适合该部分,但不应调整高度大小。

4

2 回答 2

6

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

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

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

编辑:

正如迈克尔所提到的,你可以这样做:

    sliderWidth: $(window).width() +"px",
    sliderHeight: $(window).height()+"px"
于 2013-06-14T19:56:56.670 回答
0

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

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

只需将此行设置为 true:

sliderFullscreen: true,

应该做的伎俩。

于 2013-10-22T11:13:26.867 回答