jCarousel滑块不止一次显示项目

Question

我是javascript的新手。我正在尝试在我的网站上实现一个简单的滑块。 我的html配置是：

<div>
    <ul id="mainSlider">
        <li>
            <img src="img/slideImg.png" alt="Slide" class="slideImage fl">
            <h1>Web Development</h1>
            <p class="slideParagraph">
            Web development is a broad term for the work involved in developing
            a web site for the Internet (World Wide Web) or an intranet.
            </p>
            <a href="#" class="darkButton fl">Learn More <img     src="img/darkButtonArrow.png" alt="darkButtonArrow"></a>
        </li>
    </ul>
</div>

有4件物品。它工作正常。但问题是：每当我开始/重新加载页面时，它都会从第4个列表项开始，而不是第1个。另外，它在第一个元素处缠绕，即;从4号开始，它将行进4号，1号，2号，3号，4号，1号，然后重复循环。但它必须是：第1，第2，第3，第4和重复。 我正在使用的jquery是：

jQuery('#mainSlider').jcarousel({
    auto: 1,
    scroll: 1,   
    wrap: 'circular'  
});

请有人帮我解决此事。 感谢。