我构建了一个简单的幻灯片,其中图片每 7 秒更改一次,但如果我将页面源移到包含图像文件的文件夹之外,则不起作用。
它必须是 JavaScript 而不是 HTML 相关的,因为第一张图片加载正常,但是一旦 JavaScript 尝试更改图像源,我就会收到“文件未找到错误”。
即使当我尝试将第二个图像源设置为与第一个图像相同的文件(加载正常)时,我也会在加载页面 7 秒后收到文件未找到消息(当 JavaScript 第一次更改源时)。
<!DOCTYPE html>
<head>
<script type="text/javascript">
var image_tracker = 1
function change(){
var image = document.getElementById("gc");
if(image_tracker==1)
{
image.src="C:\Users\Documents\IMG_1267.jpg";
image_tracker = 2;
}
else if(image_tracker==2)
{
image.src="C:\Users\Documents\IMG_1239.jpg";
image_tracker = 3;
}
else
{
image.src="C:\Users\Documents\IMG_1263.jpg";
image_tracker =1;
}
}
timer = setInterval('change()',7000);
</script>
</head>
<body>
<img src="C:\Users\Documents\IMG_1263.jpg" height="512" width="688" id="gc" onclick="clearInterval(timer);">
</body>
最佳答案
您可以使用“..\”返回代码中的文件夹,我相信“~\”可以返回到项目的根目录。 例如,如果我有以下文件夹结构:
- c:\网站
- c:\网站\图像
- c:\website\images\1.png
- c:\website\images\2.png
- c:\website\images\3.png
- c:\网站\脚本\
你可以这样做:
<!DOCTYPE html>
<head>
<script type="text/javascript">
Var image_tracker = 1
function change() {
var image = document.getElementById("gc");
if (image_tracker == 1) {
image.src = "..\images\1.png";
image_tracker = 2;
} else if (image_tracker == 2) {
image.src = "..\images\2.png";
image_tracker = 3;
} else {
image.src = "..\images\3.png";
image_tracker = 1;
}
}
timer = setInterval('change()', 7000);
</script>
</head>
<Body>
<img src="..\images\1.jpg" height="512" width="688" id="gc" onclick="clearInterval(timer);">
</Body>
关于javascript - JavaScript 可以引用当前文件夹之外的图像源吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33088842/