0

我在这里读了几篇文章，但要么我没有找到相关的，要么我不理解由于缺乏 javascript/jquery 语言。这是我的问题的描述，需要一些帮助。

我的主页在良好的互联网连接上打开得很好。它加载了 39 张图片，总大小为 3.79mb，其中 25 张图片只有 384 kb，其余 14 张图片大小为 3.41mb，尺寸为 1200 x 450。这 14 张图片实际上属于一个 jquery 幻灯片滑块，几秒钟后会继续出现间隔，速度设置为600。我不想改变速度。发生的情况是，当互联网连接速度较慢时，它加载的图像不到一半或根本不加载，幻灯片会转到下一张幻灯片。下一张幻灯片再次加载一半或没有加载，然后继续。这不会发生在中等或快速的互联网连接上。

我从某个地方下载了这个模板，但我不了解 javascript 或 jquery。我希望使用慢速互联网连接的用户获得正确的滑块效果。我刚刚测试了我的网站，但尚未发布，因此无法提供网址。

有没有办法在幻灯片开始之前加载所有 14 张幻灯片图像？我需要在哪里进行哪些更改？请帮我。如果您需要任何进一步的信息，请告诉我。

谢谢你。

<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
          <script>
            // You can also use "$(window).load(function() {"
                $(function () {
                  // Slideshow 1
                  $("#slider1").responsiveSlides({
                    maxwidth: 2500,
                    speed: 600
                  });
            });
          </script>

                <!--start-image-slider---->
                    <div class="image-slider">
                        <ul class="rslides" id="slider1">
                          <li><img src="images/slider3.jpg" alt=""></li>
                          <li><img src="images/slider2.png" alt=""></li>
                          <li><img src="images/slider1.png" alt=""></li>
                          <li><img src="images/slider4.png" alt=""></li>
                          <li><img src="images/slider5.png" alt=""></li>
                          <li><img src="images/slider6.png" alt=""></li>
                          <li><img src="images/slider7.png" alt=""></li>
                          <li><img src="images/slider8.png" alt=""></li>
                          <li><img src="images/slider9.png" alt=""></li>
                          <li><img src="images/slider10.png" alt=""></li>
                          <li><img src="images/slider11.png" alt=""></li>
                          <li><img src="images/slider12.png" alt=""></li>
                          <li><img src="images/slider13.png" alt=""></li>
                          <li><img src="images/slider14.png" alt=""></li>
</div>
            <!--End-image-slider---->
4

0 回答 0