javascript - 最初のスライドショーは分割画像を表示します

Question

私は何度も使用してきた caroufredsel を使用していますが、これまでこの問題が発生したことはありません。Safari では、ページの最初のロードのみが分割された画像を表示します - 最初の半分と 2 番目の半分。このような：

スライドショーは次のページをうまくフェードアウトし、別のページに移動してもう一度戻っても問題ありません。また、Safari でのみ発生します。誰にもアイデアはありますか？

これは私のhtmlです：

    <div class='slideshow'>
        <div class='centralised_div'>
            <div class='slideshow_inner'>
                <div class='slideshow_images'>
                    <img src='/images/ss2.jpg'/>
                    <img src='/images/ss3.jpg'/>
                    <img src='/images/ss4.jpg'/>
                </div>
            </div>
            <div class='arrow_left'><img src='/images/left_arrow.png'/></div>
            <div class='arrow_right'><img src='/images/right_arrow.png'/></div>
        </div>
    </div>

そして、これは私のjqueryです：

    <script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
    <script>
        $(document).ready(function() {
            $(".slideshow_images").carouFredSel({
                width: 940,
                height: 400,
                direction: "left",
                items: {
                    visible: 1,
                    start: "random",
                    width: 940,
                    height: 400
                },
                scroll: {
                    fx: "crossfade",
                    duration: 1000,
                    pauseOnHover: true
                },
                auto: 6000,
                prev: {
                    button: ".arrow_left",
                    key: "left"
                },
                next: {
                    button: ".arrow_right",
                    key: "right"
                }
            });
        });
    </script>