如果未缓存图像，JQuery滑块将中断

我在一个网站上工作，在所有要使用的图像完全加载之前，JQuery滑块将无法正确格式化。加载（或缓存）后，所有内容都正确格式化，滑块开始工作

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

 <script>
    var $nc = jQuery.noConflict();  
 </script>

   <script type="text/javascript" src="js/jquery-1.5.2.js"></script>
    <script src="js/jquery.easing-1.3.js"></script>
    <script src="js/jquery.heroCarousel-1.3.js"></script>
    <script>
        $(window).load(function(){
            $('.hero-carousel').heroCarousel({
                easing: 'easeOutExpo',
                css3pieFix: true,
            });

        });
    </script>

<div class="hero">
    <div class="hero-carousel">
         <img src="images/slider/slide1.png">
        <img src="images/slider/slide2.png">
        <img src="images/slider/slide3.png">
    </div>

var$nc=jQuery.noConflict（）；
$（窗口）。加载（函数（）{
$（'hero carousel'）。hero carousel({
放松：“easeOutExpo”，
css3pieFix：是的，
});
});

我尝试了以下方法：

• 在后台加载图像，但这仍然没有多大帮助，因为滑块位于网站主页上
• 在每个滑块图像后面都有一个空白的背景图像，但它们的加载速度仍然很慢，并且破坏了所有的布局方式

---

所以我想我的问题是，如何使滑块具有正确的格式，即使图像仍在加载？第一次加载后，它可以正常工作，但第一次加载页面时，需要几秒钟才能正确放置所有内容。

如果图像大小固定，则应为每个图像（或至少第一个图像）设置属性

高度/宽度

：

或设置您自己的逻辑以显示任何加载动画，直到插件在

上初始化。hero carousel'

元素关于实现加载动画的建议？我最近尝试的只是在图像的顶部添加了动画符号，即使在加载图像后，它们仍然保持在那里。