您好我想请教您关于javascript代码的帮助，我该如何工作？
我已将图像保存在D驱动器中。我需要在这里改变一些路径：
谢谢
<html>
<head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="pic001.png"
var image2=new Image()
image2.src="pic002.png"
var image3=new Image()
image3.src="pic003.png"
//-->
</script>
</head>
<body onLoad="slidit()">
<img src="pic001.png" name="slide" width="400" height="120" />
<script>
<!--
//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.images.slide.src=eval("images"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 1 seconds
setTimeout("slideit()",1000)
}
slideit()
//-->
</script>
</body>
</html>
答案 0 :(得分：3)
我已将图像保存在D驱动器中。 我需要在这里改变一些路径
为什么要给出静态/绝对路径？在webapp中使用相对路径。如果您只是使用单个HTML进行练习，那么只需将所有图像放在HTML所在的同一文件夹中即可。
表示图像与HTML页面“相对”的文件路径。换句话说，您以HTML页面为起点确定图像的路径。例如： -
<img src="../images/img.jpg" />
绝对路径与相对路径不同，因为图像文件相对于网页的位置无关紧要。这是因为您告诉浏览器文件在Web上的确切位置。例如： -
<img src=" D/Web/pic001.png" />
有关更多帮助，请参阅this。
在您的代码中，以下是使用图像路径的代码：
var image1=new Image()
image1.src="pic001.png"
var image2=new Image()
image2.src="pic002.png"
var image3=new Image()
image3.src="pic003.png"
的更新： - 的
因为您的html和图片位于同一个文件夹中，所以您应该这样写：
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="pic001.png"
var image2=new Image()
image2.src="pic002.png"
var image3=new Image()
image3.src="pic003.png"
//-->
</script>
我的演示工作代码：
<html>
<head>
<script type="text/javascript">
var image1 = "./images/img02.jpg"
var image2 = "./images/img03.jpg"
var image3 = "./images/img04.jpg"
</script>
</head>
<body onLoad="slidit()">
<form name="images">
<img src="./images/img01.jpg" name="slide" width="200" height="200" />
<script>
//variable that will increment through the images
var step = 1
function slideit(){
//if browser does not support the image object, exit.
switch(step){
case 1:
document.images.slide.src = image1;
break;
case 2:
document.images.slide.src = image2;
break;
case 3:
document.images.slide.src = image3;
break;
}
if (step < 3) {
step++
}
else {
step = 1
}
//call function "slideit()" every 1 seconds
setTimeout("slideit()", 1000)
}
slideit()
</script>
</form>
</body>
</html>
以上是我的演示代码，工作正常。我在您的代码中进行了一些更改，现在它将在间隔时间更改图像。我希望这就是你想要的。您必须像在代码中使用的那样更改图像路径，其他任何事情都可以，并准备就绪。
答案 1 :(得分：0)
在JavaScript中添加绝对路径不是一个好习惯。最好在包含根页的文件夹中找到它们。从那以后，使用相对路径。