在页面加载时分散加载Slider图像

Question

我正在使用一个jquery图像滑块。我已经在这个滑块中添加了四个图像。现在这个滑块出来的一个非常奇怪和坏的事情是所有这四个图像在加载时一个接一个地垂直显示页面提供了非常糟糕的用户体验。

这是为了使这个滑块工作而编写的jquery代码..

  <script type="text/javascript">

    $(document).ready(function () {
        $('.bxslider').bxSlider({
            mode: 'fade',
            adaptiveHeight: 'true',
            speed: 3000,
            easing: 'ease-in-out',
            auto: true,
            autoHover: true,
            pager: false

        });

    });

</script>

请帮我解决此问题...谢谢