Question

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

我刚刚将图片幻灯片添加到我网站的索引页面。我终于让它工作并上传了它。现在幻灯片将显示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>

知道为什么网页现在这么慢？

提前致谢！

Answer 1

可能有很多原因。

幻灯片放映等待所有图像在开始之前加载吗？如果是这种情况，请考虑将幻灯片脚本放在html页面的底部（如果可能）。这样，所有其他内容首先加载。

幻灯片是否已动画？图像是否每2500秒在屏幕上缓慢移动？如果是这种情况，您使用的代码可能对其setTimeout（）函数的值太小。考虑提高它，或冒险使用CSS3过渡来制作动画。

Javascript幻灯片放缓我的网站

1 个答案: