Javascript幻灯片演示减慢了我的网站

注意：我刚刚注意到，当我将鼠标悬停在菜单项上时，它在图像加载之前不会注册。不知道为什么会这样

我刚刚在我网站的索引页上添加了一个图像幻灯片。我终于让它工作起来并上传了它。现在，幻灯片将浏览5幅图像，但加载时间相当长，当我尝试单击任何菜单时，都会有很大的延迟

以下是文件开头的代码：

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="image1.JPG"
var image2=new Image()
image2.src="image2.JPG"
var image3=new Image()
image3.src="image3.JPG"
var image4=new Image()
image4.src="image4.JPG"
var image5=new Image()
image5.src="image5.JPG"
//-->
    </script>

以及页面正文中的代码：

<script type="text/javascript">
            <!--
            //variable that will increment through the images
            var step=1
            function slideit(){
            //if browser does not support the image object, exit.
            if (!document.images)
               return
            document.slide.src="images/image"+step+".JPG"
            if (step<5)
               step++
            else
            step=1
            //call function "slideit()" every 2.5 seconds
            setTimeout("slideit()",2500)
            }
            slideit()
            //-->
            </script>

知道为什么页面现在这么慢吗

---

提前谢谢

可能有很多原因

幻灯片放映是否等待所有图像加载后才开始？如果是这样的话，请考虑将幻灯片脚本放在HTML页面的底部，如果可能的话。这样，所有其他内容都将首先加载

---

幻灯片是动画的吗？图像是否每2500秒在屏幕上缓慢移动？如果是这种情况，您正在使用的代码的setTimeout函数的值可能太小。考虑提高它，或冒风险，并使用CSS3转换动画。< /P>计时器为2500毫秒，或2.5秒。这是什么意思？顺便说一句，我们没有；t需要隐藏JavaScript块，也许减小图像的大小会有所帮助。唉，就是这样，图像太大了，加载/调整大小要花很长时间。男孩，我觉得自己很笨！