Question

我正在开发一个网站，其中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>

我尝试了以下内容：

在后台加载图片，但由于滑块位于网站的主页上，这仍然没有多大帮助。
在每个滑块图像后面都有一个空白的背景图像，但它们仍然会缓慢加载并打破它所有布局的方式。

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

如果图像没有缓存，JQuery Slider会中断

0 个答案: