Question

jQuery(document).ready(function($) {

    $(".slider").slideshow({
        width: 1920,
        height: 710,
        transition: 'SquareRandom'
    });
    $(".caption").fadeIn(500);

    // playing with events:

    $(".slider").bind("sliderChange", function (event, curSlide) {
        $(curSlide).children(".caption").hide();
    });

    $(".slider").bind("sliderTransitionFinishes", function (event, curSlide) {
        $(curSlide).children(".caption").fadeIn(500);
    });
});

我正在使用此代码作为我的完整页面滑块我想用徽标和mwnues旋转我的整个页面，在此代码中我有固定的高度和宽度我不想让它修复我想100％。< / p>

Answer 1

尝试将宽度和高度选项更改为等于父窗口的宽度和高度：

$(".slider").slideshow({
        width: $(window).width() +"px",
        height: $(window).height()+"px",
        transition: 'SquareRandom'
 });

Answer 2

您也可以使用Pure CSS：

.slider {
 width: 100%!important
}

Answer 3

尝试

$('.slider').css('width', '');

删除width属性，为元素赋予其容器的全宽

如何在jquery中以百分比设置宽度100％

3 个答案: