javascript - jCarousel スライダーで項目が複数回表示される

Question

私はjavascriptの初心者です。Web サイトに単純なスライダーを実装しようとしています。私の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点あります。それは正常に動作します。しかし、問題は次のとおりです。ページを開始/リロードするたびに、1番目ではなく4番目のリスト項目から開始されます。また、最初の要素でラップアラウンドします。4 番目から始まり、4 番目、1 番目、2 番目、3 番目、4 番目、1 番目と移動し、サイクルを繰り返します。ただし、1 番目、2 番目、3 番目、4 番目と繰り返す必要があります。私が使用しているjqueryは次のとおりです。

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

この件に関して誰か助けてください。ありがとう。