JavaScript不工作（幻灯片）_Javascript

JavaScript不工作（幻灯片）

javascript

JavaScript不工作（幻灯片）,javascript,Javascript,我正在使用Linux，我必须编写一个脚本，将一些图片以幻灯片形式展示给用户，因为加载任何拓扑（实习实验室）都需要5分钟，而且我必须在每个PI之间设置2秒的等待时间。我有5张带有此目录的图片（/home/maziyar/slideshow/pictures/IMG01-5），它们是jpg格式，不起作用 <HTML> <head> <script type="text/JavaScript"> <!--> var image1=new Image()

我正在使用Linux，我必须编写一个脚本，将一些图片以幻灯片形式展示给用户，因为加载任何拓扑（实习实验室）都需要5分钟，而且我必须在每个PI之间设置2秒的等待时间。我有5张带有此目录的图片（/home/maziyar/slideshow/pictures/IMG01-5），它们是jpg格式，不起作用

<HTML>
<head>
<script type="text/JavaScript">
<!-->
var image1=new Image()
image1.src="/home/maziyar/slideshow/pictures/IMG01.jpg"
var image2=new Image()
image2.src="/home/maziyar/slideshow/pictures/IMG02.jpg"
var image3=new Image()
image3.src="/home/maziyar/slideshow/pictures/IMG03.jpg"
var image4=new Image()
image4.src="/home/maziyar/slideshow/pictures/IMG04.jpg"
var image5=new Image()
image5.src="/home/maziyar/slideshow/pictures/IMG05.jpg"
//-->
</script>
</head>
<body>
<img src="/home/maziyar/slideshow/pictures/IMG01.jpg" name="slide" width="400"         height="400"
<script type="text/JavaScript">
<!--
var step=1
function slideit(){
document.images.slide.src=eval("image"+step+".src")
if(step<5)
step++
else
step=1
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>
</body>
</html>


var image1=新图像（）
image1.src=“/home/maziyar/slideshow/pictures/IMG01.jpg”
var image2=新图像（）
image2.src=“/home/maziyar/slideshow/pictures/IMG02.jpg”
var image3=新图像（）
image3.src=“/home/maziyar/slideshow/pictures/IMG03.jpg”
var image4=新图像（）
image4.src=“/home/maziyar/slideshow/pictures/IMG04.jpg”
var image5=新图像（）
image5.src=“/home/maziyar/slideshow/pictures/IMG05.jpg”
//-->

我会回答你，因为我知道有时候甚至第一步都很难。（很明显，你确实尝试了一些东西）

请看一下这个新代码。你错过了img的结束标签。你有一个带注释的代码

请看这里：


var image1=新图像（）
image1.src=”http://placekitten.com/110/100"
var image2=新图像（）
image2.src=”http://placekitten.com/120/120"
var image3=新图像（）
image3.src=”http://placekitten.com/130/130"
var image4=新图像（）
image4.src=”http://placekitten.com/140/140"
var image5=新图像（）
图像5.src=”http://placekitten.com/150/150"
//-->
var阶跃=1
函数slideit（）
{
document.images.slide.src=eval（“image”+step+“.src”）
如果（步骤<5）
台阶++
其他的
步骤=1
setTimeout（“slideit（）”，2500）
}
slideit（）

如果您真的想获得帮助，请提出问题，描述问题，不要只是粘贴一些代码。很抱歉，我太匆忙了，粘贴得太快，而且还没有完成。我是这方面的新手，我有5张这一目录的图片（/home/maziyar/slideshow/pictures/IMG01-5），我应该为我的src使用完全相同的目录吗？我应该在每个图片的src末尾添加.jpg吗？好的，现在我可以看到其中一张图片，但它卡在第一张图片中。发现问题，它工作正常，感谢您的帮助。

<head>
    <script type="text/JavaScript">
        var image1 = new Image()
         image1.src = "http://placekitten.com/110/100"
        var image2 = new Image()
         image2.src = "http://placekitten.com/120/120"
        var image3 = new Image()
         image3.src = "http://placekitten.com/130/130"
        var image4 = new Image()
         image4.src = "http://placekitten.com/140/140"
        var image5 = new Image()
         image5.src = "http://placekitten.com/150/150"
         //-->
    </script>
</head>

<body>
    <img src="http://placekitten.com/100/100" name="slide" width="400" height="400" />
    <script type="text/javaScript">
        var step = 1

            function slideit()
            {
                document.images.slide.src = eval("image" + step + ".src")
                if (step < 5)
                    step++
                else
                    step = 1
                setTimeout("slideit()", 2500)
            }
        slideit()
    </script>
</body>

</html>