革命滑块盒装布局，图像跳跃

Question

我有一个使用旋转滑块创建的滑块。

HTML

<div class="container">
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
                    <img src="{{url('images/slider-1.jpg')}}" alt="Image 1" />
                </li>
                <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Product 1 Slide">
                    <img src="{{url('images/slider-2.jpg')}}" alt="Image 2" />
                </li>
                <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Product 2 Slide">
                    <img src="{{url('images/slider-3.jpg')}}" alt="Image 3" />
                </li>
            </ul>
        </div>
    </div>
</div>

jquery的

$('document').ready(function() {
    $('.tp-banner').revolution({
        startwidth: 1170,
        startheight: 400,
        navigationArrows: "none",
        hideTimerBar:"on",
        fullWidth:"off",
        fullScreen:"off",
        forceFullWidth:"on"
    });
});

我正在尝试创建盒装滑块，但它没有按预期进行。图像跳转并变为全屏滑块。如果我将on值传递给forceFullWidth参数，它会工作，但它会变成一个全宽滑块，我希望它是一个盒装滑块。

我知道这一定是个愚蠢的错误，但我很难解决这个问题。

请帮助我。

感谢。