Jquery 旋转滑块装箱布局，图像跳跃

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

html

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

我知道这一定是个愚蠢的错误，但我很难澄清这个问题

请帮帮我

谢谢。

你是说这个吗？

<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>

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